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/_menu.scss | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) (limited to 'src/objects/_menu.scss') diff --git a/src/objects/_menu.scss b/src/objects/_menu.scss index 0741929..46ca109 100644 --- a/src/objects/_menu.scss +++ b/src/objects/_menu.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,12 +10,12 @@ @mixin styles { @include materialize-at-root(meta.module-variables('vars')); - @include iro.bem-object('menu') { + @include bem.object('menu') { display: flex; flex-direction: column; gap: props.get(vars.$spacing); - @include iro.bem-elem('header') { + @include bem.elem('header') { padding-block: props.get(vars.$item--pad-b); padding-inline: props.get(vars.$item--pad-i); font-size: props.get(vars.$header--font-size); @@ -24,12 +24,12 @@ text-transform: uppercase; letter-spacing: .5px; - @include iro.bem-next-twin-elem { + @include bem.next-twin-elem { margin-block-start: calc(props.get(vars.$separator-width) + props.get(vars.$spacing)); } } - @include iro.bem-elem('item') { + @include bem.elem('item') { padding-block: props.get(vars.$item--pad-b); padding-inline: props.get(vars.$item--pad-i); margin: calc(-1 * props.get(vars.$item--key-focus--outline-width)); @@ -43,7 +43,7 @@ &:enabled { color: currentColor; - @include iro.bem-multi('&:hover, &:focus-visible', 'is' 'selected') { + @include bem.multi('&:hover, &:focus-visible', 'is' 'selected') { color: props.get(vars.$item--hover--label-color); background-color: props.get(vars.$item--hover--bg-color); } @@ -64,12 +64,12 @@ } } - @include iro.bem-next-elem('header') { + @include bem.next-elem('header') { margin-block-start: calc(props.get(vars.$separator-width) + props.get(vars.$spacing)); } } - @include iro.bem-elem('header') { + @include bem.elem('header') { &:link, &:visited, &:enabled { @@ -77,25 +77,25 @@ } } - @include iro.bem-elem('separator') { + @include bem.elem('separator') { block-size: 1px; margin-block: props.get(vars.$separator-width); margin-inline: props.get(vars.$item--pad-i); background-color: props.get(vars.$separator-color); } - @include iro.bem-elem('slot') { + @include bem.elem('slot') { padding-block: props.get(vars.$item--pad-b); padding-inline: props.get(vars.$item--pad-i); } - @include iro.bem-elem('icon-slot') { + @include bem.elem('icon-slot') { display: flex; justify-content: center; inline-size: props.get(icon.$size); } - @include iro.bem-modifier('pull') { + @include bem.modifier('pull') { margin: calc(-1 * props.get(vars.$item--pad-i)); } } -- cgit v1.3.1