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/_divider.scss | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) (limited to 'src/objects/_divider.scss') diff --git a/src/objects/_divider.scss b/src/objects/_divider.scss index 49bc028..6932c7e 100644 --- a/src/objects/_divider.scss +++ b/src/objects/_divider.scss @@ -1,7 +1,7 @@ @use 'sass:map'; @use 'sass:meta'; @use 'sass:string'; -@use 'iro-sass/src/iro-sass' as iro; +@use 'iro-sass/src/bem' as bem; @use 'iro-sass/src/props'; @use '../props' as *; @use '../core.vars' as core; @@ -12,7 +12,7 @@ @mixin styles { @include materialize-at-root(meta.module-variables('vars')); - @include iro.bem-object('divider') { + @include bem.object('divider') { display: flex; flex: 0 0 auto; flex-direction: row; @@ -39,11 +39,11 @@ display: block; } - @include iro.bem-elem('label') { + @include bem.elem('label') { flex: 0 0 auto; } - @include iro.bem-modifier('vertical') { + @include bem.modifier('vertical') { align-self: stretch; inline-size: 1px; block-size: auto; @@ -56,7 +56,7 @@ } } - @include iro.bem-modifier('medium') { + @include bem.modifier('medium') { font-size: props.get(vars.$medium--label-font-size); font-weight: 500; color: props.get(vars.$medium--label-color); @@ -68,7 +68,7 @@ } } - @include iro.bem-modifier('faint') { + @include bem.modifier('faint') { font-size: props.get(vars.$faint--label-font-size); font-weight: 500; color: props.get(vars.$faint--label-color); @@ -80,7 +80,7 @@ } } - @include iro.bem-modifier('labelled') { + @include bem.modifier('labelled') { &::before { margin-inline-end: 1em; } @@ -92,47 +92,47 @@ } @each $theme in map.keys(props.get(vars.$themes)) { - @include iro.bem-modifier(string.slice($theme, 3)) { + @include bem.modifier(string.slice($theme, 3)) { &::before, &::after { background-color: props.get(vars.$themes, $theme, --bg); } - @include iro.bem-elem('label') { + @include bem.elem('label') { color: props.get(vars.$themes, $theme, --label); } } } @each $theme in map.keys(props.get(vars.$static-themes)) { - @include iro.bem-modifier(string.slice($theme, 3)) { + @include bem.modifier(string.slice($theme, 3)) { &::before, &::after { background-color: props.get(vars.$static-themes, $theme, --strong, --bg); } - @include iro.bem-elem('label') { + @include bem.elem('label') { color: props.get(vars.$static-themes, $theme, --strong, --label); } - @include iro.bem-modifier('medium') { + @include bem.modifier('medium') { &::before, &::after { background-color: props.get(vars.$static-themes, $theme, --medium, --bg); } - @include iro.bem-elem('label') { + @include bem.elem('label') { color: props.get(vars.$static-themes, $theme, --medium, --label); } } - @include iro.bem-modifier('faint') { + @include bem.modifier('faint') { &::before, &::after { background-color: props.get(vars.$static-themes, $theme, --faint, --bg); } - @include iro.bem-elem('label') { + @include bem.elem('label') { color: props.get(vars.$static-themes, $theme, --faint, --label); } } -- cgit v1.3.1