4 files changed, 20 insertions, 20 deletions

diff --git a/src/objects/_button.scss b/src/objects/_button.scss
index 6ae8312..57c49e8 100644
--- a/src/objects/_button.scss
+++ b/src/objects/_button.scss
@@ -4,31 +4,31 @@
 @use '../mixins/typography';
 
 @mixin button-variant($variant) {
-    border-color:     fn.color((--#{$variant}, --bg));
-    background-color: fn.color((--#{$variant}, --bg));
-    box-shadow:       fn.color((--#{$variant}, --shadow));
-    color:            fn.color((--#{$variant}, --label));
+    border-color:     fn.color(--#{$variant} --bg);
+    background-color: fn.color(--#{$variant} --bg);
+    box-shadow:       fn.color(--#{$variant} --shadow);
+    color:            fn.color(--#{$variant} --label);
 
     @include iro.bem-multi('&:link, &:visited', 'modifier' 'native') {
         &:hover {
-            border-color:     fn.color((--#{$variant}, --hover, --bg));
-            background-color: fn.color((--#{$variant}, --hover, --bg));
-            box-shadow:       fn.color((--#{$variant}, --hover, --shadow));
-            color:            fn.color((--#{$variant}, --hover, --label));
+            border-color:     fn.color(--#{$variant} --hover --bg);
+            background-color: fn.color(--#{$variant} --hover --bg);
+            box-shadow:       fn.color(--#{$variant} --hover --shadow);
+            color:            fn.color(--#{$variant} --hover --label);
         }
 
         &:active {
-            border-color:     fn.color((--#{$variant}, --active, --bg));
-            background-color: fn.color((--#{$variant}, --active, --bg));
-            box-shadow:       fn.color((--#{$variant}, --active, --shadow));
-            color:            fn.color((--#{$variant}, --active, --label));
+            border-color:     fn.color(--#{$variant} --active --bg);
+            background-color: fn.color(--#{$variant} --active --bg);
+            box-shadow:       fn.color(--#{$variant} --active --shadow);
+            color:            fn.color(--#{$variant} --active --label);
         }
     }
 
     @include iro.bem-modifier('outline') {
         background-color: transparent;
         box-shadow:       none;
-        color:            fn.color((--#{$variant}, --outline-label));
+        color:            fn.color(--#{$variant} --outline-label);
     }
 }
 
diff --git a/src/objects/_checkbox.scss b/src/objects/_checkbox.scss
index b56336a..11836e1 100644
--- a/src/objects/_checkbox.scss
+++ b/src/objects/_checkbox.scss
@@ -46,8 +46,8 @@
         display:      inline-flex;
         position:     relative;
         align-items:  flex-start;
-        margin-right: calc(-1 * #{fn.dim(--padding-x)} + #{fn.dim(--margin-right)});
-        margin-left:  calc(-1 * #{fn.dim(--padding-x)});
+        margin-right: calc(-1 * fn.dim(--padding-x) + fn.dim(--margin-right));
+        margin-left:  calc(-1 * fn.dim(--padding-x));
         padding:      fn.dim(--padding-y) fn.dim(--padding-x); // sass-lint:disable-line shorthand-values
     
         @include iro.bem-elem('box') {
@@ -56,7 +56,7 @@
             flex:             0 0 auto;
             width:            fn.dim(--size);
             height:           fn.dim(--size);
-            margin-top:       calc(.5 * (#{$line-height * 1em} - #{fn.dim(--size)}));
+            margin-top:       calc(.5 * ($line-height * 1em - fn.dim(--size)));
             border-radius:    fn.dim(--border-width);
             background-color: fn.color(--box-border);
     
@@ -79,8 +79,8 @@
     
             &::after {
                 z-index:       3;
-                top:           calc(.5 * #{fn.dim(--size)} - 1px);
-                left:          calc(1.5 * #{fn.dim(--border-width)});
+                top:           calc(.5 * fn.dim(--size) - 1px);
+                left:          calc(1.5 * fn.dim(--border-width));
                 box-sizing:    border-box;
                 width:         calc(fn.dim(--size) - 3 * fn.dim(--border-width));
                 height:        0;
diff --git a/src/objects/_radio.scss b/src/objects/_radio.scss
index 178b58c..51bfcd8 100644
--- a/src/objects/_radio.scss
+++ b/src/objects/_radio.scss
@@ -57,7 +57,7 @@
             flex:             0 0 auto;
             width:            fn.dim(--diameter);
             height:           fn.dim(--diameter);
-            margin-top:       calc(.5 * (#{$line-height * 1em} - #{fn.dim(--diameter)}));
+            margin-top:       calc(.5 * ($line-height * 1em - fn.dim(--diameter)));
             border-radius:    2em;
             background-color: fn.color(--circle-border);
     
diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss
index b75397d..95209b4 100644
--- a/src/objects/_switch.scss
+++ b/src/objects/_switch.scss
@@ -116,7 +116,7 @@
                     background-color: fn.color(--handle-border);
     
                     &::after {
-                        left:         calc(#{fn.dim(--width)} - #{fn.dim(--height)} + .5px);
+                        left:         calc(fn.dim(--width) - fn.dim(--height) + .5px);
                         border-color: fn.color(--handle-border);
                     }
                 }