diff options
Diffstat (limited to 'src/objects/_status-indicator.vars.scss')
| -rw-r--r-- | src/objects/_status-indicator.vars.scss | 30 |
1 files changed, 12 insertions, 18 deletions
diff --git a/src/objects/_status-indicator.vars.scss b/src/objects/_status-indicator.vars.scss index 66a11e8..dfe628f 100644 --- a/src/objects/_status-indicator.vars.scss +++ b/src/objects/_status-indicator.vars.scss | |||
| @@ -1,32 +1,26 @@ | |||
| 1 | @use "sass:map"; | 1 | @use 'sass:map'; |
| 2 | @use "pkg:iro-sass/props"; | 2 | @use 'pkg:iro-sass/src/props'; |
| 3 | @use "../config"; | 3 | @use '../config'; |
| 4 | @use "../core.vars" as core; | 4 | @use '../core.vars' as core; |
| 5 | 5 | ||
| 6 | $size: props.def(--o-status-indicator--size, props.get(core.$size--125)) !default; | 6 | $size: props.def(--o-status-indicator--size, props.get(core.$size--125)) !default; |
| 7 | 7 | ||
| 8 | $default: props.def( | 8 | $default: props.def(--o-status-indicator--default, props.get(core.$theme, --border-strong), 'color') !default; |
| 9 | --o-status-indicator--default, | 9 | $primary: props.def(--o-status-indicator--primary, props.get(core.$theme, --text), 'color') !default; |
| 10 | props.get(core.$theme, --border-strong), | ||
| 11 | "color" | ||
| 12 | ) !default; | ||
| 13 | $primary: props.def( | ||
| 14 | --o-status-indicator--primary, | ||
| 15 | props.get(core.$theme, --text), | ||
| 16 | "color" | ||
| 17 | ) !default; | ||
| 18 | 10 | ||
| 19 | $themes-config: ( | 11 | $themes-config: ( |
| 20 | accent: --accent, | 12 | accent: --accent, |
| 21 | positive: --positive, | 13 | positive: --positive, |
| 22 | negative: --negative, | 14 | negative: --negative, |
| 23 | warning: --warning, | 15 | warning: --warning, |
| 24 | ) !default; | 16 | ) !default; |
| 25 | 17 | ||
| 26 | $themes: props.def(--o-status-indicator, (), "color"); | 18 | $themes: props.def(--o-status-indicator, (), 'color'); |
| 27 | 19 | ||
| 28 | @each $theme, $key in $themes-config { | 20 | @each $theme, $key in $themes-config { |
| 29 | @if $theme != --base { | 21 | @if $theme != --base { |
| 30 | $themes: props.merge($themes, (--#{$theme}: props.get(core.$theme, $key, --700))); | 22 | $themes: props.merge($themes, ( |
| 23 | --#{$theme}: props.get(core.$theme, $key, --700), | ||
| 24 | )); | ||
| 31 | } | 25 | } |
| 32 | } | 26 | } |
