diff options
| author | Volpeon <git@volpeon.ink> | 2024-06-26 16:53:07 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-06-26 16:53:07 +0200 |
| commit | dd1ade8acc17d74a45240d255cb862009129b0ec (patch) | |
| tree | 47fdc87cdcda8e8597c9d192d07ca5a97d375072 /src/.old/objects/_status-indicator.scss | |
| parent | Add static themes to action button (diff) | |
| download | iro-design-dd1ade8acc17d74a45240d255cb862009129b0ec.tar.gz iro-design-dd1ade8acc17d74a45240d255cb862009129b0ec.tar.bz2 iro-design-dd1ade8acc17d74a45240d255cb862009129b0ec.zip | |
Update
Diffstat (limited to 'src/.old/objects/_status-indicator.scss')
| -rw-r--r-- | src/.old/objects/_status-indicator.scss | 35 |
1 files changed, 0 insertions, 35 deletions
diff --git a/src/.old/objects/_status-indicator.scss b/src/.old/objects/_status-indicator.scss deleted file mode 100644 index d8ea9ef..0000000 --- a/src/.old/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 | } | ||
