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), |
