Better indicator size handling

1 files changed, 4 insertions, 11 deletions

diff --git a/src/objects/_status-indicator.scss b/src/objects/_status-indicator.scss
index 6bcb547..b316f69 100644
--- a/src/objects/_status-indicator.scss
+++ b/src/objects/_status-indicator.scss
@@ -4,8 +4,7 @@
 @include iro.props-namespace('status-indicator') {
     @include iro.props-store((
         --dims: (
-            --100: fn.global-dim(--size --100),
-            --125: fn.global-dim(--size --125),
+            --size: fn.global-dim(--size --125),
         ),
     ), 'dims');
 
@@ -20,17 +19,11 @@
 
     @include iro.bem-object(iro.props-namespace()) {
         display:          inline-block;
-        width:            fn.dim(--100);
-        height:           fn.dim(--100);
-        border-radius:    fn.dim(--100);
+        width:            fn.dim(--size);
+        height:           fn.dim(--size);
+        border-radius:    10em;
         background-color: fn.color(--default);
 
-        @include iro.bem-modifier('125') {
-            width:         fn.dim(--125);
-            height:        fn.dim(--125);
-            border-radius: fn.dim(--125);
-        }
-
         @each $color in 'green' 'yellow' 'red' {
             @include iro.bem-is($color) {
                 background-color: fn.color(--#{$color});