summaryrefslogtreecommitdiffstats
path: root/src/.old/objects/_status-indicator.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/.old/objects/_status-indicator.scss')
-rw-r--r--src/.old/objects/_status-indicator.scss35
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}