From 6448b40f6224b271acb6010cac0672dec4755341 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sat, 19 Oct 2024 08:51:30 +0200
Subject: Update

---
 src/objects/_button.scss | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

(limited to 'src/objects/_button.scss')

diff --git a/src/objects/_button.scss b/src/objects/_button.scss
index 854e1e3..e4a656c 100644
--- a/src/objects/_button.scss
+++ b/src/objects/_button.scss
@@ -22,9 +22,9 @@
         &:link,
         &:visited,
         &:enabled {
-            color:            props.get($theme, list.join($key, --outline-label));
+            color:            props.get($theme, list.join($key, --outline-label)...);
             background-color: transparent;
-            border-color:     props.get($theme, list.join($key, --outline-border));
+            border-color:     props.get($theme, list.join($key, --outline-border)...);
         }
     }
 
@@ -33,37 +33,37 @@
     &:enabled {
         &:hover,
         &:focus-visible {
-            color:            props.get($theme, list.join($key, --hover --label));
-            background-color: props.get($theme, list.join($key, --hover --bg));
+            color:            props.get($theme, list.join($key, --hover --label)...);
+            background-color: props.get($theme, list.join($key, --hover --bg)...);
             border-color:     transparent;
         }
 
         &:active {
-            color:            props.get($theme, list.join($key, --active --label));
-            background-color: props.get($theme, list.join($key, --active --bg));
+            color:            props.get($theme, list.join($key, --active --label)...);
+            background-color: props.get($theme, list.join($key, --active --bg)...);
             border-color:     transparent;
         }
     }
 }
 
 @mixin -apply-static-theme($theme, $key: ()) {
-    color:            props.get($theme, list.join($key, --disabled --label));
-    background-color: props.get($theme, list.join($key, --disabled --bg));
+    color:            props.get($theme, list.join($key, --disabled --label)...);
+    background-color: props.get($theme, list.join($key, --disabled --bg)...);
     border-color:     transparent;
 
     &::after {
-        outline:    props.get($theme, list.join($key, --key-focus --border)) solid props.get(vars.$key-focus--border-width);
+        outline-color: props.get($theme, list.join($key, --key-focus --border)...);
         box-shadow:
             0
             0
             0
             calc(props.get(vars.$key-focus--border-width) + props.get(vars.$key-focus--outline-width))
-            props.get($theme, list.join($key, --key-focus --outline));
+            props.get($theme, list.join($key, --key-focus --outline)...);
     }
     
     @include iro.bem-modifier('outline') {
         background-color: transparent;
-        border-color:     props.get($theme, list.join($key, --disabled --outline-border));
+        border-color:     props.get($theme, list.join($key, --disabled --outline-border)...);
     }
 
     @include -apply-theme($theme, $key);
-- 
cgit v1.3.1