Update

1 files changed, 16 insertions, 16 deletions

diff --git a/src/objects/_checkbox.scss b/src/objects/_checkbox.scss
index 412efda..5443354 100644
--- a/src/objects/_checkbox.scss
+++ b/src/objects/_checkbox.scss
@@ -4,11 +4,11 @@
 @include iro.props-namespace('checkbox') {
     @include iro.props-store((
         --dims: (
-            --size:         fn.global-dim(--size --175),
-            --label-gap:    fn.global-dim(--size --125),
-            --border-width: fn.global-dim(--border-width --medium),
-            --pad-x:        fn.global-dim(--size --65),
-            --pad-y:        fn.global-dim(--size --65),
+            --size:      fn.global-dim(--size --175),
+            --label-gap: fn.global-dim(--size --125),
+            --border:    fn.global-dim(--border --medium),
+            --pad-x:     fn.global-dim(--size --65),
+            --pad-y:     fn.global-dim(--size --65),
         ),
     ), 'dims');
 
@@ -56,7 +56,7 @@
             width:            fn.dim(--size);
             height:           fn.dim(--size);
             margin-top:       calc(.5 * (fn.global-dim(--font --standard --line-height) * 1em - fn.dim(--size)));
-            border-radius:    fn.dim(--border-width);
+            border-radius:    fn.dim(--border);
             background-color: fn.color(--box-border);
     
             &::before,
@@ -68,10 +68,10 @@
     
             &::before {
                 z-index:          2;
-                top:              fn.dim(--border-width);
-                left:             fn.dim(--border-width);
-                width:            calc(fn.dim(--size) - 2 * fn.dim(--border-width));
-                height:           calc(fn.dim(--size) - 2 * fn.dim(--border-width));
+                top:              fn.dim(--border);
+                left:             fn.dim(--border);
+                width:            calc(fn.dim(--size) - 2 * fn.dim(--border));
+                height:           calc(fn.dim(--size) - 2 * fn.dim(--border));
                 transition:       transform .2s ease;
                 background-color: fn.color(--box-bg);
             }
@@ -79,9 +79,9 @@
             &::after {
                 z-index:       3;
                 top:           calc(.5 * fn.dim(--size) - 1px);
-                left:          calc(1.5 * fn.dim(--border-width));
+                left:          calc(1.5 * fn.dim(--border));
                 box-sizing:    border-box;
-                width:         calc(fn.dim(--size) - 3 * fn.dim(--border-width));
+                width:         calc(fn.dim(--size) - 3 * fn.dim(--border));
                 height:        0;
                 transform:     scale(0);
                 transition:    transform .2s ease;
@@ -96,10 +96,10 @@
             display:          block;
             position:         absolute;
             z-index:          2;
-            top:              calc(1 * fn.dim(--border-width));
-            left:             calc(1 * fn.dim(--border-width));
-            width:            calc(100% - 2 * fn.dim(--border-width));
-            height:           calc(100% - 2 * fn.dim(--border-width));
+            top:              calc(1 * fn.dim(--border));
+            left:             calc(1 * fn.dim(--border));
+            width:            calc(100% - 2 * fn.dim(--border));
+            height:           calc(100% - 2 * fn.dim(--border));
             transform:        scale(0);
             transform-origin: 40% 90%;
             transition:       transform .2s ease;