1 files changed, 54 insertions, 26 deletions

diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss
index 6b3cb4f..3f1320a 100644
--- a/src/_declare-vars.scss
+++ b/src/_declare-vars.scss
@@ -5,24 +5,52 @@
 
 @include iro.props-store((
     --dims: (
-        --spacing: (
-            --base: iro.fn-px-to-rem(24px),
-            --factors: (
-                --xxs: .125,
-                --xs:  .25,
-                --sm:  .5,
-                --md:  1,
-                --lg:  1.5,
-                --xl:  2,
-                --xxl: 2.5,
-            ),
-            --xxs: calc(fn.dim(--spacing --base, null) * fn.dim(--spacing --factors --xxs, null)),
-            --xs:  calc(fn.dim(--spacing --base, null) * fn.dim(--spacing --factors --xs, null)),
-            --sm:  calc(fn.dim(--spacing --base, null) * fn.dim(--spacing --factors --sm, null)),
-            --md:  calc(fn.dim(--spacing --base, null) * fn.dim(--spacing --factors --md, null)),
-            --lg:  calc(fn.dim(--spacing --base, null) * fn.dim(--spacing --factors --lg, null)),
-            --xl:  calc(fn.dim(--spacing --base, null) * fn.dim(--spacing --factors --xl, null)),
-            --xxl: calc(fn.dim(--spacing --base, null) * fn.dim(--spacing --factors --xxl, null)),
+        --size: (
+            --0:     0,
+            --10:    iro.fn-px-to-rem(1px),
+            --25:    iro.fn-px-to-rem(2px),
+            --40:    iro.fn-px-to-rem(3px),
+            --50:    iro.fn-px-to-rem(4px),
+            --65:    iro.fn-px-to-rem(5px),
+            --75:    iro.fn-px-to-rem(6px),
+            --85:    iro.fn-px-to-rem(7px),
+            --100:   iro.fn-px-to-rem(8px),
+            --115:   iro.fn-px-to-rem(9px),
+            --125:   iro.fn-px-to-rem(10px),
+            --130:   iro.fn-px-to-rem(11px),
+            --150:   iro.fn-px-to-rem(12px),
+            --160:   iro.fn-px-to-rem(13px),
+            --175:   iro.fn-px-to-rem(14px),
+            --200:   iro.fn-px-to-rem(16px),
+            --225:   iro.fn-px-to-rem(18px),
+            --250:   iro.fn-px-to-rem(20px),
+            --275:   iro.fn-px-to-rem(22px),
+            --300:   iro.fn-px-to-rem(24px),
+            --325:   iro.fn-px-to-rem(26px),
+            --400:   iro.fn-px-to-rem(32px),
+            --450:   iro.fn-px-to-rem(36px),
+            --500:   iro.fn-px-to-rem(40px),
+            --550:   iro.fn-px-to-rem(44px),
+            --600:   iro.fn-px-to-rem(48px),
+            --700:   iro.fn-px-to-rem(56px),
+            --800:   iro.fn-px-to-rem(64px),
+            --900:   iro.fn-px-to-rem(72px),
+            --1000:  iro.fn-px-to-rem(80px),
+            --1200:  iro.fn-px-to-rem(96px),
+            --1700:  iro.fn-px-to-rem(136px),
+            --2400:  iro.fn-px-to-rem(192px),
+            --2500:  iro.fn-px-to-rem(200px),
+            --2600:  iro.fn-px-to-rem(208px),
+            --2800:  iro.fn-px-to-rem(224px),
+            --3200:  iro.fn-px-to-rem(256px),
+            --3400:  iro.fn-px-to-rem(272px),
+            --3500:  iro.fn-px-to-rem(280px),
+            --3600:  iro.fn-px-to-rem(288px),
+            --3800:  iro.fn-px-to-rem(304px),
+            --4600:  iro.fn-px-to-rem(368px),
+            --5000:  iro.fn-px-to-rem(400px),
+            --6000:  iro.fn-px-to-rem(480px),
+            --16000: iro.fn-px-to-rem(1280px),
         ),
 
         --font: (
@@ -42,13 +70,13 @@
         ),
 
         --font-size: (
-            --xs:   iro.fn-px-to-rem(11px),
-            --sm:   iro.fn-px-to-rem(13px),
-            --md:   iro.fn-px-to-rem(14px),
-            --lg:   iro.fn-px-to-rem(16px),
-            --xl:   iro.fn-px-to-rem(18px),
-            --xxl:  iro.fn-px-to-rem(22px),
-            --xxxl: iro.fn-px-to-rem(28px),
+            --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(22px),
+            --400: iro.fn-px-to-rem(28px),
         ),
 
         --border-width: (
@@ -60,7 +88,7 @@
         --focus-outline-width: 3px,
 
         --paragraph: (
-            --margin-top: fn.dim(--spacing --sm, null),
+            --margin-top: fn.dim(--size --150, null),
         ),
 
         --list: (