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;
+            }
+        }
+    }
+}
@@ -0,0 +1,39 @@
+@include font-face($lato, $file-regular, $family, $category);//1
+@include font-face($syne, $file-bold, $family-bold, $category);//2
+@include font-face($avara, $file-bold-italic, $family-bold-italic, $category);//2
+@include font-face($playfair, $file-italic, $family-italic, $category);//2
+@include font-face($moche, $file-regular2, $family-regular2, $category);//2
+
+// font-size
+$txt-figli: 2.5rem;
+
+// line-height
+$Flhome: 3rem;
+
+$marg: 0.5rem;
+$margI: 1rem;
+$Wi: 80%;
+
+$Wi50: calc(( 100% / 2 ) - (#{$margI} / 2));
+$Wi80: calc(( 100% / 1.5 ) - (#{$margI} / 2));
+$Wi33: calc(( 100% / 3 ) - (#{$margI} / 3));
+
+// mobile
+$txt-figli-m: 1.5rem;
+
+// line-height
+$Flhome-m: 2rem;
+$Wi-m: calc( 100% - 0.5rem);
+$Wi80-m: 80%;
+$Wi33-m: calc(( 100% / 3 ) - 0.5rem);
+
+// tablette
+$txt-figli-t: 2.5rem;
+
+// line-height
+$Flhome-t: 3rem;
+
+// color
+$color_publique: #fef86f;
+$color_sociale: lightgreen;
+$color_culturelle: #82f8ee;