diff options
| author | Volpeon <git@volpeon.ink> | 2025-08-06 16:40:56 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2025-08-06 16:40:56 +0200 |
| commit | 41b0d0497988274057fc2512c822a6bc9d2d3ebd (patch) | |
| tree | 015a95ede42b799ac1fd049baa8b0a853b6d3bb3 /src/objects/_status-indicator.scss | |
| parent | Fix button font size (diff) | |
| download | iro-design-41b0d0497988274057fc2512c822a6bc9d2d3ebd.tar.gz iro-design-41b0d0497988274057fc2512c822a6bc9d2d3ebd.tar.bz2 iro-design-41b0d0497988274057fc2512c822a6bc9d2d3ebd.zip | |
Diffstat (limited to 'src/objects/_status-indicator.scss')
| -rw-r--r-- | src/objects/_status-indicator.scss | 26 |
1 files changed, 13 insertions, 13 deletions
diff --git a/src/objects/_status-indicator.scss b/src/objects/_status-indicator.scss index 1fcdf02..4e4aa42 100644 --- a/src/objects/_status-indicator.scss +++ b/src/objects/_status-indicator.scss | |||
| @@ -9,19 +9,19 @@ | |||
| 9 | @use 'status-indicator.vars' as vars; | 9 | @use 'status-indicator.vars' as vars; |
| 10 | 10 | ||
| 11 | @mixin styles { | 11 | @mixin styles { |
| 12 | @include materialize-at-root(meta.module-variables('vars')); | 12 | @include materialize-at-root(meta.module-variables('vars')); |
| 13 | 13 | ||
| 14 | @include bem.object('status-indicator') { | 14 | @include bem.object('status-indicator') { |
| 15 | display: inline-block; | 15 | display: inline-block; |
| 16 | inline-size: props.get(vars.$size); | 16 | inline-size: props.get(vars.$size); |
| 17 | block-size: props.get(vars.$size); | 17 | block-size: props.get(vars.$size); |
| 18 | background-color: props.get(vars.$default); | 18 | background-color: props.get(vars.$default); |
| 19 | border-radius: 10em; | 19 | border-radius: 10em; |
| 20 | 20 | ||
| 21 | @each $theme in map.keys(props.get(vars.$themes)) { | 21 | @each $theme in map.keys(props.get(vars.$themes)) { |
| 22 | @include bem.is(string.slice($theme, 3)) { | 22 | @include bem.is(string.slice($theme, 3)) { |
| 23 | background-color: props.get(vars.$themes, $theme); | 23 | background-color: props.get(vars.$themes, $theme); |
| 24 | } | 24 | } |
| 25 | } | 25 | } |
| 26 | } | 26 | } |
| 27 | } | 27 | } |