12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- // 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;
- }
- }
- }
- }
- // 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;
|