SMaller font sizes on sm viewport

1 files changed, 21 insertions, 0 deletions

diff --git a/assets/css/_declare-vars.scss b/assets/css/_declare-vars.scss
index 4a9513c..e81f410 100644
--- a/assets/css/_declare-vars.scss
+++ b/assets/css/_declare-vars.scss
@@ -29,3 +29,24 @@
         ),
     )
 ), 'dims');
+
+@include iro.props-store((
+    --dims: (
+        --font-size: (
+            --50:   iro.fn-px-to-rem(11px),
+            --75:   iro.fn-px-to-rem(13px),
+            --100:  iro.fn-px-to-rem(14px),
+            --150:  iro.fn-px-to-rem(16px),
+            --200:  iro.fn-px-to-rem(18px),
+            --300:  iro.fn-px-to-rem(20px),
+            --400:  iro.fn-px-to-rem(24px),
+            --500:  iro.fn-px-to-rem(28px),
+            --600:  iro.fn-px-to-rem(32px),
+            --700:  iro.fn-px-to-rem(36px),
+            --800:  iro.fn-px-to-rem(40px),
+            --900:  iro.fn-px-to-rem(45px),
+            --1000: iro.fn-px-to-rem(50px),
+            --1100: iro.fn-px-to-rem(60px),
+        ),
+    )
+), 'sm');