import 8.41.0 source

[pve-eslint.git] / eslint / docs / src / assets / scss / tokens / typography.scss

diff --git a/eslint/docs/src/assets/scss/tokens/typography.scss b/eslint/docs/src/assets/scss/tokens/typography.scss
index 8c178b51baa328b613bd30d8be12150a3b245cfc..a9e935b2a01fb1b852164b1fd28076b562ff6467 100644 (file)
--- a/eslint/docs/src/assets/scss/tokens/typography.scss
+++ b/eslint/docs/src/assets/scss/tokens/typography.scss
@@ -1,13 +1,5 @@
 /* @link https://utopia.fyi/type/calculator?c=320,16,1.125,1280,16,1.25,6,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l */
 
-:root {
-    --fluid-min-width: 320;
-    --fluid-max-width: 1280;
-
-    --fluid-screen: 100vw;
-    --fluid-bp: calc((var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) / (var(--fluid-max-width) - var(--fluid-min-width)));
-}
-
 @media screen and (min-width: 1280px) {
     :root {
         --fluid-screen: calc(var(--fluid-max-width) * 1px);
@@ -15,6 +7,12 @@
 }
 
 :root {
+    --fluid-min-width: 320;
+    --fluid-max-width: 1280;
+
+    --fluid-screen: 100vw;
+    --fluid-bp: calc((var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) / (var(--fluid-max-width) - var(--fluid-min-width)));
+
     --f--2-min: 12.64;
     --f--2-max: 10.24;
     --step--2: calc(((var(--f--2-min) / 16) * 1rem) + (var(--f--2-max) - var(--f--2-min)) * var(--fluid-bp));
@@ -50,30 +48,31 @@
     --f-6-min: 32.44;
     --f-6-max: 61.04;
     --step-6: calc(((var(--f-6-min) / 16) * 1rem) + (var(--f-6-max) - var(--f-6-min)) * var(--fluid-bp));
-}
 
-:root {
     --mono-font: "Mono Punctuators", "Space Mono", monospace;
-    --text-font: "Inter",
-            -apple-system,
-            BlinkMacSystemFont,
-            "Segoe UI",
-            Roboto,
-            Helvetica,
-            Arial,
-            sans-serif,
-            "Apple Color Emoji",
-            "Segoe UI Emoji",
-            "Segoe UI Symbol";
-    --display-font: "Space Grotesk",
-            -apple-system,
-            BlinkMacSystemFont,
-            "Segoe UI",
-            Roboto,
-            Helvetica,
-            Arial,
-            sans-serif,
-            "Apple Color Emoji",
-            "Segoe UI Emoji",
-            "Segoe UI Symbol";
+    --text-font:
+        "Inter",
+        -apple-system,
+        BlinkMacSystemFont,
+        "Segoe UI",
+        Roboto,
+        Helvetica,
+        Arial,
+        sans-serif,
+        "Apple Color Emoji",
+        "Twemoji Country Flags",
+        "Segoe UI Emoji",
+        "Segoe UI Symbol";
+    --display-font:
+        "Space Grotesk",
+        -apple-system,
+        BlinkMacSystemFont,
+        "Segoe UI",
+        Roboto,
+        Helvetica,
+        Arial,
+        sans-serif,
+        "Apple Color Emoji",
+        "Segoe UI Emoji",
+        "Segoe UI Symbol";
 }