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/layouts/_media.scss | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) (limited to 'src/layouts/_media.scss') diff --git a/src/layouts/_media.scss b/src/layouts/_media.scss index 5658222..63daaf8 100644 --- a/src/layouts/_media.scss +++ b/src/layouts/_media.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 *; @@ -9,31 +9,31 @@ @mixin styles { @include materialize-at-root(meta.module-variables('vars')); - @include iro.bem-layout('media') { + @include bem.layout('media') { display: flex; gap: props.get(vars.$gap); align-items: center; line-height: 1.4; @each $mod, $size in vars.$sizes { - @include iro.bem-modifier($mod) { + @include bem.modifier($mod) { gap: props.get($size); } } - @include iro.bem-modifier('wrap') { + @include bem.modifier('wrap') { flex-wrap: wrap; } - @include iro.bem-elem('block') { + @include bem.elem('block') { flex: 0 0 auto; - @include iro.bem-modifier('shrink', 'main') { + @include bem.modifier('shrink', 'main') { flex-shrink: 1; min-inline-size: 0; } - @include iro.bem-modifier('main') { + @include bem.modifier('main') { inline-size: 100%; } } -- cgit v1.2.3-70-g09d2