diff options
| author | Volpeon <git@volpeon.ink> | 2026-07-22 12:27:09 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2026-07-22 12:27:09 +0200 |
| commit | cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226 (patch) | |
| tree | d16dea8f0a5edca2b610ecabeac5e93a4d98be2f /src/objects/_status-indicator.vars.scss | |
| parent | Update _index.scss (diff) | |
| download | iro-design-cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.tar.gz iro-design-cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.tar.bz2 iro-design-cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.zip | |
Paths
Diffstat (limited to 'src/objects/_status-indicator.vars.scss')
| -rw-r--r-- | src/objects/_status-indicator.vars.scss | 30 |
1 files changed, 18 insertions, 12 deletions
diff --git a/src/objects/_status-indicator.vars.scss b/src/objects/_status-indicator.vars.scss index dfe628f..66a11e8 100644 --- a/src/objects/_status-indicator.vars.scss +++ b/src/objects/_status-indicator.vars.scss | |||
| @@ -1,26 +1,32 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use "sass:map"; |
| 2 | @use 'pkg:iro-sass/src/props'; | 2 | @use "pkg:iro-sass/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(--o-status-indicator--default, props.get(core.$theme, --border-strong), 'color') !default; | 8 | $default: props.def( |
| 9 | $primary: props.def(--o-status-indicator--primary, props.get(core.$theme, --text), 'color') !default; | 9 | --o-status-indicator--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; | ||
| 10 | 18 | ||
| 11 | $themes-config: ( | 19 | $themes-config: ( |
| 12 | accent: --accent, | 20 | accent: --accent, |
| 13 | positive: --positive, | 21 | positive: --positive, |
| 14 | negative: --negative, | 22 | negative: --negative, |
| 15 | warning: --warning, | 23 | warning: --warning, |
| 16 | ) !default; | 24 | ) !default; |
| 17 | 25 | ||
| 18 | $themes: props.def(--o-status-indicator, (), 'color'); | 26 | $themes: props.def(--o-status-indicator, (), "color"); |
| 19 | 27 | ||
| 20 | @each $theme, $key in $themes-config { | 28 | @each $theme, $key in $themes-config { |
| 21 | @if $theme != --base { | 29 | @if $theme != --base { |
| 22 | $themes: props.merge($themes, ( | 30 | $themes: props.merge($themes, (--#{$theme}: props.get(core.$theme, $key, --700))); |
| 23 | --#{$theme}: props.get(core.$theme, $key, --700), | ||
| 24 | )); | ||
| 25 | } | 31 | } |
| 26 | } | 32 | } |
