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/_radio.scss | 40 ++++++++++++++++++++-------------------- 1 file changed, 20 insertions(+), 20 deletions(-) (limited to 'src/objects/_radio.scss') diff --git a/src/objects/_radio.scss b/src/objects/_radio.scss index c6e5a60..b603a0d 100644 --- a/src/objects/_radio.scss +++ b/src/objects/_radio.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 '../core.vars' as core; @@ -10,7 +10,7 @@ @mixin styles { @include materialize-at-root(meta.module-variables('vars')); - @include iro.bem-object('radio') { + @include bem.object('radio') { position: relative; display: inline-block; padding-block: props.get(vars.$pad-b); @@ -19,7 +19,7 @@ calc(-1 * props.get(vars.$pad-i) - props.get(vars.$key-focus--border-offset)) calc(props.get(vars.$spacing-sibling) - props.get(vars.$pad-i) - props.get(vars.$key-focus--border-offset)); - @include iro.bem-elem('circle') { + @include bem.elem('circle') { display: inline-block; flex: 0 0 auto; inline-size: props.get(vars.$diameter); @@ -45,11 +45,11 @@ } } - @include iro.bem-elem('label') { + @include bem.elem('label') { margin-inline-start: calc(props.get(vars.$label-gap) - props.get(vars.$key-focus--border-offset)); } - @include iro.bem-elem('native') { + @include bem.elem('native') { position: absolute; inset-block-start: 0; inset-inline-start: 0; @@ -64,17 +64,17 @@ &:hover, &:focus-visible { - @include iro.bem-sibling-elem('label') { + @include bem.sibling-elem('label') { color: props.get(vars.$hover--label-color); } - @include iro.bem-sibling-elem('circle') { + @include bem.sibling-elem('circle') { background-color: props.get(vars.$hover--circle-border-color); } } &:checked { - @include iro.bem-sibling-elem('circle') { + @include bem.sibling-elem('circle') { &::after { transform: scale(.44); } @@ -82,11 +82,11 @@ } &:disabled { - @include iro.bem-sibling-elem('label') { + @include bem.sibling-elem('label') { color: props.get(vars.$disabled--label-color); } - @include iro.bem-sibling-elem('circle') { + @include bem.sibling-elem('circle') { background-color: props.get(vars.$disabled--circle-border-color); &::after { @@ -96,11 +96,11 @@ } &:focus-visible { - @include iro.bem-sibling-elem('label') { + @include bem.sibling-elem('label') { color: props.get(vars.$key-focus--label-color); } - @include iro.bem-sibling-elem('circle') { + @include bem.sibling-elem('circle') { outline: props.get(vars.$key-focus--border-color) solid props.get(vars.$key-focus--border-width); box-shadow: 0 @@ -112,29 +112,29 @@ } } - @include iro.bem-modifier('standalone') { - @include iro.bem-elem('circle') { + @include bem.modifier('standalone') { + @include bem.elem('circle') { margin-block-start: 0; } } - @include iro.bem-modifier('accent') { - @include iro.bem-elem('native') { + @include bem.modifier('accent') { + @include bem.elem('native') { &:checked { - @include iro.bem-sibling-elem('circle') { + @include bem.sibling-elem('circle') { background-color: props.get(vars.$accent--circle-border-color); } &:hover, &:focus-visible { - @include iro.bem-sibling-elem('circle') { + @include bem.sibling-elem('circle') { background-color: props.get(vars.$accent--hover--circle-border-color); } } } &:disabled { - @include iro.bem-sibling-elem('circle') { + @include bem.sibling-elem('circle') { background-color: props.get(vars.$disabled--circle-border-color); &::after { @@ -143,7 +143,7 @@ } &:checked { - @include iro.bem-sibling-elem('circle') { + @include bem.sibling-elem('circle') { background-color: props.get(vars.$disabled--circle-border-color); } } -- cgit v1.2.3-70-g09d2