add Thin

user/themes/anissabensalah/scss/config/mixins/_fonts.scss

@@ -65,6 +65,35 @@ $category: "sans-serif";
     }
 }
 
+$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;

user/themes/anissabensalah/scss/theme/fonts.scss

@@ -1,5 +1,6 @@
 @include Montserrat-Regular($Regular, $file-regular, $family, $category);//1
 @include Montserrat-light($light, $file-light, $family, $category);//1
+@include Montserrat-Thin($Thin, $file-Thin, $family, $category);//1
 
 body{
   #header{
@@ -20,4 +21,12 @@ body{
       }
     }
   }
+  #start{
+    #home{
+      h1{
+        font-family: $Thin;
+        font-size: 33vw;
+      }
+    }
+  }
 }

user/themes/anissabensalah/scss/theme/header.scss

@@ -17,7 +17,6 @@
         }
       }
     }
-
   }
   .navigation{
     li{

user/themes/anissabensalah/scss/theme/section.scss

@@ -0,0 +1,10 @@
+#start{
+  // & > div{
+  //   width: 100%;
+  //   height: 100vh;
+  //   img{
+  //     width: 100%;
+  //   }
+  // }
+
+}