Răsfoiți Sursa

adds font mixins

rosenclosed 2 ani în urmă
părinte
comite
8ffd6499d4
1 a modificat fișierele cu 31 adăugiri și 0 ștergeri
  1. 31 0
      src/style/_mixins.scss

+ 31 - 0
src/style/_mixins.scss

@@ -0,0 +1,31 @@
+@mixin geologica-font($g-fnt-style: normal, $g-fnt-weight: 400) {
+    font-family: "geologica";
+    font-style: $g-fnt-style;
+    font-weight: $g-fnt-weight;
+    font-variation-settings: "SHRP" 50;
+}
+
+@mixin geologica-font-var($g-fnt-var-wght: 400, $g-fnt-var-CRSV: 0, $g-fnt-var-SHRP: 50, $g-fnt-var-slnt: 0) {
+    font-variation-settings:
+        "wght" $g-fnt-var-wght,
+        "CRSV" $g-fnt-var-CRSV,
+        "SHRP" $g-fnt-var-SHRP,
+        "slnt" $g-fnt-var-slnt;
+}
+
+@mixin fraunces-font($f-fnt-style: normal, $f-fnt-weight: 400) {
+    font-family: "fraunces";
+    font-style: $f-fnt-style;
+    font-weight: $f-fnt-weight;
+}
+
+@mixin fraunces-font-var($f-fnt-var-SOFT: 50, $f-fnt-var-WONK: 1, $f-fnt-var-wght: 400) {
+    font-variation-settings:
+        "SOFT" $f-fnt-var-SOFT,
+        "WONK" $f-fnt-var-WONK,
+        "wght" $f-fnt-var-wght;
+}
+
+@mixin fraunces-font-var-opsz($f-fnt-var-opsz: 9) {
+    font-variation-settings: "opsz" $f-fnt-var-opsz;
+}