diff options
| author | Volpeon <git@volpeon.ink> | 2024-10-19 19:18:17 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-10-19 19:18:17 +0200 |
| commit | 0936b9e3ccf24671f259f97c3527f14812a04949 (patch) | |
| tree | 0248eb3b6d05280fc23a8ffe230ffdc64c3bda9f /src/objects/_button.vars.scss | |
| parent | Fixes (diff) | |
| download | iro-design-0936b9e3ccf24671f259f97c3527f14812a04949.tar.gz iro-design-0936b9e3ccf24671f259f97c3527f14812a04949.tar.bz2 iro-design-0936b9e3ccf24671f259f97c3527f14812a04949.zip | |
Fix
Diffstat (limited to 'src/objects/_button.vars.scss')
| -rw-r--r-- | src/objects/_button.vars.scss | 29 |
1 files changed, 16 insertions, 13 deletions
diff --git a/src/objects/_button.vars.scss b/src/objects/_button.vars.scss index cc82d46..b3eb2b5 100644 --- a/src/objects/_button.vars.scss +++ b/src/objects/_button.vars.scss | |||
| @@ -60,9 +60,9 @@ $default-theme: props.def(--o-button, ( | |||
| 60 | ), | 60 | ), |
| 61 | 61 | ||
| 62 | --key-focus: ( | 62 | --key-focus: ( |
| 63 | --label: props.get(core.$theme, --focus --text), | 63 | --label: props.get(core.$theme, --focus, --text), |
| 64 | --border: props.get(core.$theme, --focus --border), | 64 | --border: props.get(core.$theme, --focus, --border), |
| 65 | --outline: props.get(core.$theme, --focus --outline), | 65 | --outline: props.get(core.$theme, --focus, --outline), |
| 66 | ), | 66 | ), |
| 67 | 67 | ||
| 68 | --primary: ( | 68 | --primary: ( |
| @@ -139,26 +139,29 @@ $static-themes: props.def(--o-button); | |||
| 139 | )); | 139 | )); |
| 140 | } | 140 | } |
| 141 | 141 | ||
| 142 | $themes-config: accent negative !default; | 142 | $themes-config: ( |
| 143 | accent: --accent, | ||
| 144 | negative: --negative, | ||
| 145 | ) !default; | ||
| 143 | 146 | ||
| 144 | $themes: props.def(--o-button); | 147 | $themes: props.def(--o-button); |
| 145 | 148 | ||
| 146 | @each $theme in $themes-config { | 149 | @each $theme, $key in $themes-config { |
| 147 | $themes: props.merge($themes, ( | 150 | $themes: props.merge($themes, ( |
| 148 | --#{$theme}: ( | 151 | --#{$theme}: ( |
| 149 | --bg: props.get(core.$theme, --#{$theme}-static, --900), | 152 | --bg: props.get(core.$theme, #{$key}-static, --900), |
| 150 | --label: props.get(core.$theme, --#{$theme}-static, --900-text), | 153 | --label: props.get(core.$theme, #{$key}-static, --900-text), |
| 151 | --outline-border: props.get(core.$theme, --#{$theme}, --900), | 154 | --outline-border: props.get(core.$theme, $key, --900), |
| 152 | --outline-label: props.get(core.$theme, --#{$theme}, --1000), | 155 | --outline-label: props.get(core.$theme, $key, --1000), |
| 153 | 156 | ||
| 154 | --hover: ( | 157 | --hover: ( |
| 155 | --bg: props.get(core.$theme, --#{$theme}-static, --1000), | 158 | --bg: props.get(core.$theme, #{$key}-static, --1000), |
| 156 | --label: props.get(core.$theme, --#{$theme}-static, --1000-text), | 159 | --label: props.get(core.$theme, #{$key}-static, --1000-text), |
| 157 | ), | 160 | ), |
| 158 | 161 | ||
| 159 | --active: ( | 162 | --active: ( |
| 160 | --bg: props.get(core.$theme, --#{$theme}-static, --1100), | 163 | --bg: props.get(core.$theme, #{$key}-static, --1100), |
| 161 | --label: props.get(core.$theme, --#{$theme}-static, --1100-text), | 164 | --label: props.get(core.$theme, #{$key}-static, --1100-text), |
| 162 | ), | 165 | ), |
| 163 | ) | 166 | ) |
| 164 | )); | 167 | )); |