add fonts

2019-02-14 17:59:49 +01:00
parent 5e38ba5916
commit 47cf56bdbf
145 changed files with 1340 additions and 2972 deletions
@@ -0,0 +1,152 @@
+// 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
+
+$typo: "Secuela";
+$category: "sans-serif";
+// secuela regular
+
+$file: "Secuela-Regular";
+$Regular: "Regular";
+@mixin font-face($Regular, $file, $typo, $category:"") {
+    $filepath: "../fonts/" + $typo + "/" + $file;
+    @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};
+                weight: normal;
+            }
+            @else {
+                family: "#{$Regular}";
+                weight: normal;
+            }
+        }
+    }
+}
+
+// secuela medium
+$file2: "Secuela-Medium";
+$medium: "medium";
+@mixin font-face($medium, $file2, $typo, $category:"") {
+    $filepath: "../fonts/" + $typo + "/" + $file2;
+    @font-face {
+        font-family: "#{$medium}";
+        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#" + $medium + "") format('svg');
+    }
+
+    %#{$medium} {
+        font: {
+            @if $category != "" {
+                family: "#{$medium}", #{$category};
+                weight: normal;
+            }
+            @else {
+                family: "#{$medium}";
+                weight: normal;
+            }
+        }
+    }
+}
+
+
+// secuela bold
+$file3: "Secuela-Bold";
+$bold: "bold";
+@mixin font-face($bold, $file3, $typo, $category:"") {
+    $filepath: "../fonts/" + $typo + "/" + $file3;
+    @font-face {
+        font-family: "#{$bold}";
+        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#" + $bold + "") format('svg');
+    }
+
+    %#{$bold} {
+        font: {
+            @if $category != "" {
+                family: "#{$bold}", #{$category};
+                weight: normal;
+            }
+            @else {
+                family: "#{$bold}";
+                weight: normal;
+            }
+        }
+    }
+}
+
+
+// secuela italic
+$file4: "Secuela-Italic";
+$italic: "italic";
+@mixin font-face($italic, $file4, $typo, $category:"") {
+    $filepath: "../fonts/" + $typo + "/" + $file4;
+    @font-face {
+        font-family: "#{$italic}";
+        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#" + $italic + "") format('svg');
+    }
+
+    %#{$italic} {
+        font: {
+            @if $category != "" {
+                family: "#{$italic}", #{$category};
+                weight: normal;
+            }
+            @else {
+                family: "#{$italic}";
+                weight: normal;
+            }
+        }
+    }
+}
+
+
+// secuela light
+$file5: "Secuela-Light";
+$light: "light";
+@mixin font-face($light, $file5, $typo, $category:"") {
+    $filepath: "../fonts/" + $typo + "/" + $file5;
+    @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};
+                weight: normal;
+            }
+            @else {
+                family: "#{$light}";
+                weight: normal;
+            }
+        }
+    }
+}