diff options
Diffstat (limited to 'src/objects/_status-indicator.scss')
| -rw-r--r-- | src/objects/_status-indicator.scss | 28 |
1 files changed, 14 insertions, 14 deletions
diff --git a/src/objects/_status-indicator.scss b/src/objects/_status-indicator.scss index 8885929..fe8fe26 100644 --- a/src/objects/_status-indicator.scss +++ b/src/objects/_status-indicator.scss | |||
| @@ -1,22 +1,22 @@ | |||
| 1 | @use "sass:map"; | 1 | @use 'sass:map'; |
| 2 | @use "sass:meta"; | 2 | @use 'sass:meta'; |
| 3 | @use "sass:string"; | 3 | @use 'sass:string'; |
| 4 | @use "pkg:iro-sass/bem"; | 4 | @use 'pkg:iro-sass/src/bem'; |
| 5 | @use "pkg:iro-sass/props"; | 5 | @use 'pkg:iro-sass/src/props'; |
| 6 | @use "../props" as *; | 6 | @use '../props' as *; |
| 7 | 7 | ||
| 8 | @forward "status-indicator.vars"; | 8 | @forward 'status-indicator.vars'; |
| 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)) { |
