diff options
Diffstat (limited to 'src/objects/_action-button.vars.scss')
-rw-r--r-- | src/objects/_action-button.vars.scss | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/src/objects/_action-button.vars.scss b/src/objects/_action-button.vars.scss index d1b3a4a..4c9603c 100644 --- a/src/objects/_action-button.vars.scss +++ b/src/objects/_action-button.vars.scss | |||
@@ -1,6 +1,6 @@ | |||
1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
2 | @use '../props'; | 2 | @use '../props'; |
3 | @use '../core'; | 3 | @use '../core.vars' as core; |
4 | 4 | ||
5 | $line-height: props.def(--o-action-button--line-height, 1.4) !default; | 5 | $line-height: props.def(--o-action-button--line-height, 1.4) !default; |
6 | $pad-i: props.def(--o-action-button--pad-i, props.get(core.$size--150)) !default; | 6 | $pad-i: props.def(--o-action-button--pad-i, props.get(core.$size--150)) !default; |
@@ -35,6 +35,8 @@ $fixed-sizes: ( | |||
35 | 'xl' $pad-i--xl $pad-i-pill--xl $pad-b--xl $font-size--xl, | 35 | 'xl' $pad-i--xl $pad-i-pill--xl $pad-b--xl $font-size--xl, |
36 | ) !default; | 36 | ) !default; |
37 | 37 | ||
38 | $themes: props.def(--o-action-button); | ||
39 | |||
38 | $default-theme-override: () !default; | 40 | $default-theme-override: () !default; |
39 | $default-theme: map.deep-merge(( | 41 | $default-theme: map.deep-merge(( |
40 | --bg-color: props.get(core.$theme, --base, --75), | 42 | --bg-color: props.get(core.$theme, --base, --75), |
@@ -108,11 +110,10 @@ $default-theme: map.deep-merge(( | |||
108 | ), $default-theme-override) !default; | 110 | ), $default-theme-override) !default; |
109 | $default-theme: props.def(--o-action-button, $default-theme); | 111 | $default-theme: props.def(--o-action-button, $default-theme); |
110 | 112 | ||
111 | $static-themes: props.def(--o-action-button); | ||
112 | @each $theme in map.keys(props.get(core.$transparent-colors)) { | 113 | @each $theme in map.keys(props.get(core.$transparent-colors)) { |
113 | $button-theme: #{$theme}-static; | 114 | $button-theme: #{$theme}-static; |
114 | 115 | ||
115 | $static-themes: props.merge($static-themes, ( | 116 | $themes: props.merge($themes, ( |
116 | $button-theme: ( | 117 | $button-theme: ( |
117 | --bg-color: props.get(core.$transparent-colors, $theme, --100), | 118 | --bg-color: props.get(core.$transparent-colors, $theme, --100), |
118 | --label-color: props.get(core.$transparent-colors, $theme, --900), | 119 | --label-color: props.get(core.$transparent-colors, $theme, --900), |