109 lines
3.1 KiB
SCSS
109 lines
3.1 KiB
SCSS
// Font Family
|
|
$font-family-default: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
|
|
$font-family-header: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
|
|
$font-family-mono: "Inconsolata", monospace;
|
|
$font-family-serif: "Georgia", "Times", "Times New Roman", serif;
|
|
$icons: "FontAwesome";
|
|
|
|
// @font-face
|
|
|
|
$Regular: "Montserrat-Regular";
|
|
$family: "Montserrat/webfonts";
|
|
$file-regular: "Montserrat-Regular";
|
|
$category: "sans-serif";
|
|
|
|
@mixin Montserrat-Regular($Regular, $file-regular, $family, $category:"") {
|
|
$filepath: "../fonts/" + $family + "/" + $file-regular;
|
|
@font-face {
|
|
font-family: "#{$Regular}";
|
|
src: url($filepath + ".eot");
|
|
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
|
|
url($filepath + ".woff") format('woff'),
|
|
url($filepath + ".ttf") format('truetype'),
|
|
url($filepath + ".svg#" + $Regular + "") format('svg');
|
|
}
|
|
|
|
%#{$Regular} {
|
|
font: {
|
|
@if $category != "" {
|
|
family: "#{$Regular}", #{$category};
|
|
}
|
|
@else {
|
|
family: "#{$Regular}";
|
|
weight: normal;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
$light: "Montserrat-Light";
|
|
$family: "Montserrat/webfonts";
|
|
$file-light: "Montserrat-Light";
|
|
$category: "sans-serif";
|
|
|
|
@mixin Montserrat-light($light, $file-light, $family, $category:"") {
|
|
$filepath: "../fonts/" + $family + "/" + $file-light;
|
|
@font-face {
|
|
font-family: "#{$light}";
|
|
src: url($filepath + ".eot");
|
|
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
|
|
url($filepath + ".woff") format('woff'),
|
|
url($filepath + ".ttf") format('truetype'),
|
|
url($filepath + ".svg#" + $light + "") format('svg');
|
|
}
|
|
|
|
%#{$light} {
|
|
font: {
|
|
@if $category != "" {
|
|
family: "#{$light}", #{$category};
|
|
}
|
|
@else {
|
|
family: "#{$light}";
|
|
weight: normal;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
$Thin: "Montserrat-Thin";
|
|
$family: "Montserrat/webfonts";
|
|
$file-Thin: "Montserrat-Thin";
|
|
$category: "sans-serif";
|
|
|
|
@mixin Montserrat-Thin($Thin, $file-Thin, $family, $category:"") {
|
|
$filepath: "../fonts/" + $family + "/" + $file-Thin;
|
|
@font-face {
|
|
font-family: "#{$Thin}";
|
|
src: url($filepath + ".eot");
|
|
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
|
|
url($filepath + ".woff") format('woff'),
|
|
url($filepath + ".ttf") format('truetype'),
|
|
url($filepath + ".svg#" + $Thin + "") format('svg');
|
|
}
|
|
|
|
%#{$Thin} {
|
|
font: {
|
|
@if $category != "" {
|
|
family: "#{$Thin}", #{$category};
|
|
}
|
|
@else {
|
|
family: "#{$Thin}";
|
|
weight: normal;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// font-size
|
|
$font16: 1rem;
|
|
$font18: 1.134rem;
|
|
$font21: 1.323rem;
|
|
$font24: 1.512rem;
|
|
$font36: 2.268rem;
|
|
$font48: 3.024rem;
|
|
|
|
// $fonth1: 2rem;
|
|
// $fonth2: 1.5rem;
|
|
// $fonth3: 1rem;
|
|
// $fontp: 1rem;
|