diff options
| author | Volpeon <git@volpeon.ink> | 2024-06-21 23:07:50 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-06-21 23:07:50 +0200 |
| commit | 48cb00040763459fc46d4aa108bf72c12f48f422 (patch) | |
| tree | 9609470d56bb31d55697ef0c42f1c908804dd3f1 /src/objects/_status-indicator.scss | |
| parent | Update (diff) | |
| download | iro-design-48cb00040763459fc46d4aa108bf72c12f48f422.tar.gz iro-design-48cb00040763459fc46d4aa108bf72c12f48f422.tar.bz2 iro-design-48cb00040763459fc46d4aa108bf72c12f48f422.zip | |
WIP: Refactoring
Diffstat (limited to 'src/objects/_status-indicator.scss')
| -rw-r--r-- | src/objects/_status-indicator.scss | 35 |
1 files changed, 0 insertions, 35 deletions
diff --git a/src/objects/_status-indicator.scss b/src/objects/_status-indicator.scss deleted file mode 100644 index d8ea9ef..0000000 --- a/src/objects/_status-indicator.scss +++ /dev/null | |||
| @@ -1,35 +0,0 @@ | |||
| 1 | @use 'iro-sass/src/index' as iro; | ||
| 2 | @use '../functions' as fn; | ||
| 3 | |||
| 4 | @include iro.props-namespace('status-indicator') { | ||
| 5 | @include iro.props-store(( | ||
| 6 | --dims: ( | ||
| 7 | --size: fn.global-dim(--size --125), | ||
| 8 | ), | ||
| 9 | ), 'dims'); | ||
| 10 | |||
| 11 | @include iro.props-store(( | ||
| 12 | --colors: ( | ||
| 13 | --default: fn.global-color(--obj-lo), | ||
| 14 | --primary: fn.global-color(--fg), | ||
| 15 | --green: fn.global-color(--green --solid --bg-hi), | ||
| 16 | --yellow: fn.global-color(--yellow --solid --bg-hi), | ||
| 17 | --red: fn.global-color(--red --solid --bg-hi), | ||
| 18 | ), | ||
| 19 | ), 'colors'); | ||
| 20 | |||
| 21 | @include iro.bem-object(iro.props-namespace()) { | ||
| 22 | display: inline-block; | ||
| 23 | width: fn.dim(--size); | ||
| 24 | height: fn.dim(--size); | ||
| 25 | border-radius: 10em; | ||
| 26 | background-color: fn.color(--default); | ||
| 27 | vertical-align: middle; | ||
| 28 | |||
| 29 | @each $color in 'primary' 'green' 'yellow' 'red' { | ||
| 30 | @include iro.bem-is($color) { | ||
| 31 | background-color: fn.color(--#{$color}); | ||
| 32 | } | ||
| 33 | } | ||
| 34 | } | ||
| 35 | } | ||
