12 files changed, 27 insertions, 27 deletions

diff --git a/src/_vars.scss b/src/_vars.scss
index 9537429..8531715 100644
--- a/src/_vars.scss
+++ b/src/_vars.scss
@@ -22,7 +22,7 @@ media.$unit-intervals: (
 @include iro.props-store((
     --dims: (
         --spacing: (
-            --base: 1.6rem,
+            --base: iro.fn-px-to-rem(26px),
             --factors: (
                 --xs: .25,
                 --sm: .5,
diff --git a/src/layouts/_button-group.scss b/src/layouts/_button-group.scss
index aee2000..17de1e1 100644
--- a/src/layouts/_button-group.scss
+++ b/src/layouts/_button-group.scss
@@ -4,12 +4,12 @@
 @include iro.props-namespace('button-group') {
     @include iro.props-store((
         --dims: (
-            --spacing: 1rem
+            --spacing: iro.fn-px-to-rem(16px),
         ),
     ), 'dims');
 
     @include iro.bem-layout(iro.props-namespace()) {
         display: flex;
-        gap:     1rem;
+        gap:     fn.dim(--spacing);
     }
 }
diff --git a/src/layouts/_card.scss b/src/layouts/_card.scss
index ce742bf..75c16ff 100644
--- a/src/layouts/_card.scss
+++ b/src/layouts/_card.scss
@@ -5,11 +5,11 @@
 @include iro.props-namespace('card') {
     @include iro.props-store((
         --dims: (
-            --pad-x: .6rem,
-            --pad-y: .4rem,
+            --pad-x: iro.fn-px-to-rem(10px),
+            --pad-y: iro.fn-px-to-rem(7px),
             --lg: (
-                --pad-x: .9rem,
-                --pad-y: .7rem,
+                --pad-x: iro.fn-px-to-rem(14px),
+                --pad-y: iro.fn-px-to-rem(11px),
             )
         )
     ), 'dims');
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss
index 7f13a8b..f63b04d 100644
--- a/src/layouts/_container.scss
+++ b/src/layouts/_container.scss
@@ -7,8 +7,8 @@
         --dims: (
             --content-width:     iro.fn-px-to-rem(700px),
             --sm-content-width:  iro.fn-px-to-rem(360px),
-            --pad-x:         3rem,
-            --pad-y:         3rem,
+            --pad-x:             3rem,
+            --pad-y:             3rem,
             --in-page-spacing-y: fn.global-dim(--spacing --y --xl),
         )
     ), 'dims');
diff --git a/src/objects/_action-button.scss b/src/objects/_action-button.scss
index 751a01e..160aa5d 100644
--- a/src/objects/_action-button.scss
+++ b/src/objects/_action-button.scss
@@ -4,8 +4,8 @@
 @include iro.props-namespace('action-button') {
     @include iro.props-store((
         --dims: (
-            --pad-x:    .6rem,
-            --pad-y:    .6rem,
+            --pad-x:    iro.fn-px-to-rem(10px),
+            --pad-y:    iro.fn-px-to-rem(10px),
             --rounding: 3px,
         ),
     ), 'dims');
diff --git a/src/objects/_action-menu.scss b/src/objects/_action-menu.scss
index 3c10604..4f73cf7 100644
--- a/src/objects/_action-menu.scss
+++ b/src/objects/_action-menu.scss
@@ -5,8 +5,8 @@
     @include iro.props-store((
         --dims: (
             --pad-x:     0,
-            --pad-y:     .3rem,
-            --separator: .3rem,
+            --pad-y:     iro.fn-px-to-rem(5px),
+            --separator: iro.fn-px-to-rem(5px),
             --rounding:  3px,
             --border:    1px,
             --item: (
diff --git a/src/objects/_button.scss b/src/objects/_button.scss
index e5fcfaa..586ee84 100644
--- a/src/objects/_button.scss
+++ b/src/objects/_button.scss
@@ -35,8 +35,8 @@
 @include iro.props-namespace('button') {
     @include iro.props-store((
         --dims: (
-            --pad-x:    1.2rem,
-            --pad-y:    .5rem,
+            --pad-x:    iro.fn-px-to-rem(19px),
+            --pad-y:    iro.fn-px-to-rem(8px),
             --rounding: 10em,
         ),
     ), 'dims');
diff --git a/src/objects/_checkbox.scss b/src/objects/_checkbox.scss
index 053a6ab..5d81b19 100644
--- a/src/objects/_checkbox.scss
+++ b/src/objects/_checkbox.scss
@@ -5,10 +5,10 @@
     @include iro.props-store((
         --dims: (
             --size:         iro.fn-px-to-rem(14px),
-            --label-gap:    .6rem,
+            --label-gap:    iro.fn-px-to-rem(10px),
             --border-width: fn.global-dim(--border-width --medium),
-            --pad-x:        .3rem,
-            --pad-y:        .3rem,
+            --pad-x:        iro.fn-px-to-rem(5px),
+            --pad-y:        iro.fn-px-to-rem(5px),
             --margin-right: fn.global-dim(--spacing --x --md),
         ),
     ), 'dims');
diff --git a/src/objects/_menu.scss b/src/objects/_menu.scss
index 12899a3..4707209 100644
--- a/src/objects/_menu.scss
+++ b/src/objects/_menu.scss
@@ -4,7 +4,7 @@
 @include iro.props-namespace('menu') {
     @include iro.props-store((
         --dims: (
-            --separator: .6rem,
+            --separator: iro.fn-px-to-rem(10px),
             --item: (
                 --pad-x: iro.fn-px-to-rem(10px),
                 --pad-y: iro.fn-px-to-rem(5px),
diff --git a/src/objects/_radio.scss b/src/objects/_radio.scss
index f5f3632..1a6e1a6 100644
--- a/src/objects/_radio.scss
+++ b/src/objects/_radio.scss
@@ -5,10 +5,10 @@
     @include iro.props-store((
         --dims: (
             --diameter:     iro.fn-px-to-rem(15px),
-            --label-gap:    .6rem,
+            --label-gap:    iro.fn-px-to-rem(10px),
             --border-width: fn.global-dim(--border-width --medium),
-            --pad-x:        .3rem,
-            --pad-y:        .3rem,
+            --pad-x:        iro.fn-px-to-rem(5px),
+            --pad-y:        iro.fn-px-to-rem(5px),
             --margin-right: fn.global-dim(--spacing --x --md),
         ),
     ), 'dims');
diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss
index 4417297..1a2fb80 100644
--- a/src/objects/_switch.scss
+++ b/src/objects/_switch.scss
@@ -6,10 +6,10 @@
         --dims: (
             --width:        iro.fn-px-to-rem(26px),
             --height:       iro.fn-px-to-rem(15px),
-            --label-gap:    .6rem,
+            --label-gap:    iro.fn-px-to-rem(10px),
             --border-width: fn.global-dim(--border-width --medium),
-            --pad-x:        .3rem,
-            --pad-y:        .3rem,
+            --pad-x:        iro.fn-px-to-rem(5px),
+            --pad-y:        iro.fn-px-to-rem(5px),
             --margin-right: fn.global-dim(--spacing --x --md),
         ),
     ), 'dims');
diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss
index 55e8a5c..1bd7ea1 100644
--- a/src/objects/_text-field.scss
+++ b/src/objects/_text-field.scss
@@ -32,8 +32,8 @@
 @include iro.props-namespace('text-field') {
     @include iro.props-store((
         --dims: (
-            --pad-x:     .6rem,
-            --pad-y:     .5rem,
+            --pad-x:         iro.fn-px-to-rem(10px),
+            --pad-y:         iro.fn-px-to-rem(8px),
             --border-width:  fn.global-dim(--border-width --thin),
             --border-radius: 2px,