From b34545ce5a694a0042f2d1dfbbfad7bfee713c2d Mon Sep 17 00:00:00 2001 From: Volpeon Date: Fri, 20 Jan 2023 16:48:54 +0100 Subject: Fixed flaws --- src/objects/_avatar.scss | 37 ++++++++++++++++--------------------- 1 file changed, 16 insertions(+), 21 deletions(-) (limited to 'src/objects/_avatar.scss') diff --git a/src/objects/_avatar.scss b/src/objects/_avatar.scss index 5a65fbf..526912f 100644 --- a/src/objects/_avatar.scss +++ b/src/objects/_avatar.scss @@ -21,6 +21,11 @@ @include iro.props-namespace('avatar') { @include iro.props-store(( --dims: ( + --150: ( + --size: fn.global-dim(--size --600), + --font-size: fn.global-dim(--font-size --150), + --indicator-size: fn.global-dim(--size --175), + ), --100: ( --size: fn.global-dim(--size --450), --font-size: fn.global-dim(--font-size --100), @@ -89,27 +94,17 @@ } } - @include iro.bem-modifier('75') { - font-size: fn.dim(--75 --font-size); - - @include status(75); - - @include iro.bem-elem('content') { - width: fn.dim(--75 --size); - height: fn.dim(--75 --size); - line-height: fn.dim(--75 --size); - } - } - - @include iro.bem-modifier('50') { - font-size: fn.dim(--50 --font-size); - - @include status(50); - - @include iro.bem-elem('content') { - width: fn.dim(--50 --size); - height: fn.dim(--50 --size); - line-height: fn.dim(--50 --size); + @each $size in 50 75 150 { + @include iro.bem-modifier($size) { + font-size: fn.dim(--#{$size} --font-size); + + @include status($size); + + @include iro.bem-elem('content') { + width: fn.dim(--#{$size} --size); + height: fn.dim(--#{$size} --size); + line-height: fn.dim(--#{$size} --size); + } } } } -- cgit v1.2.3-54-g00ecf