modif css

2020-01-20 11:51:20 +01:00
parent 7ca69e1549
commit b81be5ec03
178 changed files with 14005 additions and 187 deletions
@@ -0,0 +1,145 @@
+// 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;
+// @font-face
+
+$lato: "lato";
+$family: "lato";
+$file-regular: "Lato-Regular";
+$category: "sans-serif";
+
+@mixin font-face($lato, $file-regular, $family, $category:"") {
+    $filepath: "../fonts/" + $family + "/" + $file-regular;
+    @font-face {
+        font-family: "#{$lato}";
+        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#" + $lato + "") format('svg');
+    }
+
+    %#{$lato} {
+        font: {
+            @if $category != "" {
+                family: "#{$lato}", #{$category};
+            }
+            @else {
+                family: "#{$lato}";
+                weight: normal;
+            }
+        }
+    }
+}
+
+$syne: "syne";
+$family-bold: "syne";
+$file-bold: "Syne-Bold";
+
+@mixin font-face($syne, $file-bold, $family-bold, $category:"") {
+    $filepath: "../fonts/" + $family-bold + "/" + $file-bold;
+    @font-face {
+        font-family: "#{$syne}";
+        src: url($filepath + ".eot");
+        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
+              url($filepath + ".woff") format('woff'),
+    }
+
+    %#{$syne} {
+        font: {
+            @if $category != "" {
+                family: "#{$syne}", #{$category};
+            }
+            @else {
+                family: "#{$syne}";
+                weight: normal;
+            }
+        }
+    }
+}
+
+$avara: "Avara";
+$family-bold-italic: "avara";
+$file-bold-italic: "Avara-Bold_Italic_web";
+
+@mixin font-face($avara, $file-bold-italic, $family-bold-italic, $category:"") {
+    $filepath: "../fonts/" + $family-bold-italic + "/" + $file-bold-italic;
+    @font-face {
+        font-family: "#{$avara}";
+        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#" + $avara + "") format('svg');
+    }
+
+    %#{$avara} {
+        font: {
+            @if $category != "" {
+                family: "#{$avara}", #{$category};
+            }
+            @else {
+                family: "#{$avara}";
+                weight: normal;
+            }
+        }
+    }
+}
+
+$playfair: "playfairdisplay-regularitalic";
+$family-italic: "playfair";
+$file-italic: "playfairdisplay-regularitalic";
+
+@mixin font-face($playfair, $file-italic, $family-italic, $category:"") {
+    $filepath: "../fonts/" + $family-italic + "/" + $file-italic;
+    @font-face {
+        font-family: "#{$playfair}";
+        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#" + $playfair + "") format('svg');
+    }
+
+    %#{$playfair} {
+        font: {
+            @if $category != "" {
+              family: "#{$playfair}", #{$category};
+            }
+            @else {
+                family: "#{$playfair}";
+                weight: normal;
+            }
+        }
+    }
+}
+
+$moche: "Moche-Bold";
+$family-regular2: "moche";
+$file-regular2: "Moche-Bold";
+
+@mixin font-face($moche, $file-regular2, $family-regular2, $category:"") {
+    $filepath: "../fonts/" + $family-regular2 + "/" + $file-regular2;
+    @font-face {
+        font-family: "#{$moche}";
+        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#" + $moche + "") format('svg');
+    }
+
+    %#{$moche} {
+        font: {
+            @if $category != "" {
+              family: "#{$moche}", #{$category};
+            }
+            @else {
+                family: "#{$moche}";
+                weight: normal;
+            }
+        }
+    }
+}