summaryrefslogtreecommitdiffstats
path: root/src/objects/_button.vars.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-10-19 18:23:02 +0200
committerVolpeon <git@volpeon.ink>2024-10-19 18:23:02 +0200
commit27222cb91c390a42055a7123b5a9409c928e8b26 (patch)
tree650b5614c4aae0056127038a4ab204198aae7f4d /src/objects/_button.vars.scss
parentUpdate (diff)
downloadiro-design-27222cb91c390a42055a7123b5a9409c928e8b26.tar.gz
iro-design-27222cb91c390a42055a7123b5a9409c928e8b26.tar.bz2
iro-design-27222cb91c390a42055a7123b5a9409c928e8b26.zip
Fixes
Diffstat (limited to 'src/objects/_button.vars.scss')
-rw-r--r--src/objects/_button.vars.scss20
1 files changed, 10 insertions, 10 deletions
diff --git a/src/objects/_button.vars.scss b/src/objects/_button.vars.scss
index 7640e57..cc82d46 100644
--- a/src/objects/_button.vars.scss
+++ b/src/objects/_button.vars.scss
@@ -139,26 +139,26 @@ $static-themes: props.def(--o-button);
139 )); 139 ));
140} 140}
141 141
142$themes-config: --accent --negative !default; 142$themes-config: accent negative !default;
143 143
144$themes: props.def(--o-button); 144$themes: props.def(--o-button);
145 145
146@each $theme in $themes-config { 146@each $theme in $themes-config {
147 $themes: props.merge($themes, ( 147 $themes: props.merge($themes, (
148 $theme: ( 148 --#{$theme}: (
149 --bg: props.get(core.$static-colors, $theme, --900), 149 --bg: props.get(core.$theme, --#{$theme}-static, --900),
150 --label: props.get(core.$static-colors, $theme, --900-text), 150 --label: props.get(core.$theme, --#{$theme}-static, --900-text),
151 --outline-border: props.get(core.$theme, $theme, --900), 151 --outline-border: props.get(core.$theme, --#{$theme}, --900),
152 --outline-label: props.get(core.$theme, $theme, --1000), 152 --outline-label: props.get(core.$theme, --#{$theme}, --1000),
153 153
154 --hover: ( 154 --hover: (
155 --bg: props.get(core.$static-colors, $theme, --1000), 155 --bg: props.get(core.$theme, --#{$theme}-static, --1000),
156 --label: props.get(core.$static-colors, $theme, --1000-text), 156 --label: props.get(core.$theme, --#{$theme}-static, --1000-text),
157 ), 157 ),
158 158
159 --active: ( 159 --active: (
160 --bg: props.get(core.$static-colors, $theme, --1100), 160 --bg: props.get(core.$theme, --#{$theme}-static, --1100),
161 --label: props.get(core.$static-colors, $theme, --1100-text), 161 --label: props.get(core.$theme, --#{$theme}-static, --1100-text),
162 ), 162 ),
163 ) 163 )
164 )); 164 ));