From 5855a6821cf5585378a70f9bee13563bdbfe2d86 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 22 Oct 2024 08:23:33 +0200 Subject: Less broad imports --- src/objects/_emoji.scss | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) (limited to 'src/objects/_emoji.scss') diff --git a/src/objects/_emoji.scss b/src/objects/_emoji.scss index 114c867..56d4e66 100644 --- a/src/objects/_emoji.scss +++ b/src/objects/_emoji.scss @@ -1,5 +1,5 @@ @use 'sass:meta'; -@use 'iro-sass/src/iro-sass' as iro; +@use 'iro-sass/src/bem' as bem; @use 'iro-sass/src/props'; @use '../props' as *; @use 'icon.vars' as icon; @@ -10,7 +10,7 @@ @mixin styles { @include materialize-at-root(meta.module-variables('vars')); - @include iro.bem-object('emoji') { + @include bem.object('emoji') { position: relative; display: inline-block; inline-size: calc(props.get(vars.$size)); @@ -20,24 +20,24 @@ vertical-align: props.get(vars.$valign); object-fit: contain; - @include iro.bem-modifier('icon') { + @include bem.modifier('icon') { margin: calc(-1 * props.get(vars.$pad) - .5 * (props.get(vars.$size) - props.get(icon.$size))); vertical-align: props.get(icon.$valign); } @each $mod, $size, $valign in vars.$sizes { - @include iro.bem-modifier($mod) { + @include bem.modifier($mod) { inline-size: props.get($size); block-size: props.get($size); vertical-align: props.get($valign); - @include iro.bem-modifier('icon') { + @include bem.modifier('icon') { margin: calc(-1 * props.get(vars.$pad) - .5 * (props.get($size) - props.get(icon.$size))); } } } - @include iro.bem-modifier('zoomable') { + @include bem.modifier('zoomable') { border-radius: calc(props.get(vars.$rounding) / props.get(vars.$zoom)); transition: transform .2s ease, background-color .2s ease; -- cgit v1.3.1