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/_button.scss | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) (limited to 'src/objects/_button.scss') diff --git a/src/objects/_button.scss b/src/objects/_button.scss index 9d5a8a1..1809ba6 100644 --- a/src/objects/_button.scss +++ b/src/objects/_button.scss @@ -2,7 +2,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; @@ -19,7 +19,7 @@ border-color: transparent; } - @include iro.bem-modifier('outline') { + @include bem.modifier('outline') { &:link, &:visited, &:enabled { @@ -62,14 +62,14 @@ props.get($theme, list.join($key, --key-focus --outline)...); } - @include iro.bem-modifier('outline') { + @include bem.modifier('outline') { background-color: transparent; border-color: props.get($theme, list.join($key, --disabled --outline-border)...); } @include -apply-theme($theme, $key); - @include iro.bem-modifier('primary') { + @include bem.modifier('primary') { @include -apply-theme($theme, list.join($key, --primary)); } } @@ -77,7 +77,7 @@ @mixin styles { @include materialize-at-root(meta.module-variables('vars')); - @include iro.bem-object('button') { + @include bem.object('button') { position: relative; display: inline-block; padding-block: props.get(vars.$pad-b); @@ -111,25 +111,25 @@ } } - @include iro.bem-elem('label') { + @include bem.elem('label') { margin-inline: props.get(vars.$pad-i-label); } - @include iro.bem-modifier('block') { + @include bem.modifier('block') { display: block; } - @include iro.bem-modifier('outline') { + @include bem.modifier('outline') { background-color: transparent; } @each $mod, $pad-i, $pad-i-label, $pad-b, $font-size in vars.$sizes { - @include iro.bem-modifier($mod) { + @include bem.modifier($mod) { padding-block: props.get($pad-b); padding-inline: props.get($pad-i); font-size: props.get($font-size); - @include iro.bem-elem('label') { + @include bem.elem('label') { margin-inline: props.get($pad-i-label); } } @@ -138,18 +138,18 @@ @include -apply-static-theme(vars.$default-theme); @each $theme in map.keys(props.get(vars.$themes)) { - @include iro.bem-modifier(string.slice($theme, 3)) { + @include bem.modifier(string.slice($theme, 3)) { @include -apply-theme(vars.$themes, $theme); } } @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)) { @include -apply-static-theme(vars.$static-themes, $theme); } } - @include iro.bem-modifier('round') { + @include bem.modifier('round') { inline-size: calc(1em * props.get(vars.$line-height) + 2 * props.get(vars.$pad-b)); padding-inline: 0; border-radius: 100em; -- cgit v1.3.1