From 0ba5a9d7372d80c7f31ddf14d1805de64dc631c7 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 15 Feb 2022 12:17:16 +0100 Subject: Better indicator size handling --- src/objects/_status-indicator.scss | 15 ++++----------- 1 file changed, 4 insertions(+), 11 deletions(-) (limited to 'src/objects/_status-indicator.scss') 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}); -- cgit v1.2.3-70-g09d2