diff options
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 | } | ||