From 5216739cf9b084f7388d687b84044f522d267cbf Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 22 Jul 2026 07:55:43 +0200 Subject: Use iro-sass via pkg: --- src/objects/_radio.scss | 36 ++++++++++++++++++------------------ 1 file changed, 18 insertions(+), 18 deletions(-) (limited to 'src/objects/_radio.scss') diff --git a/src/objects/_radio.scss b/src/objects/_radio.scss index 8327a15..ae4a85a 100644 --- a/src/objects/_radio.scss +++ b/src/objects/_radio.scss @@ -1,6 +1,6 @@ @use 'sass:meta'; -@use 'iro-sass/src/bem'; -@use 'iro-sass/src/props'; +@use 'pkg:iro-sass/src/bem'; +@use 'pkg:iro-sass/src/props'; @use '../props' as *; @use '../core.vars' as core; @@ -18,7 +18,7 @@ margin-inline: 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 bem.elem('circle') { display: inline-block; flex: 0 0 auto; @@ -30,7 +30,7 @@ background-clip: padding-box; border: props.get(vars.$key-focus--border-offset) solid transparent; border-radius: 2em; - + &::after { position: relative; inset-block-start: props.get(vars.$border-width); @@ -44,11 +44,11 @@ transition: transform .2s ease; } } - + @include bem.elem('label') { margin-inline-start: calc(props.get(vars.$label-gap) - props.get(vars.$key-focus--border-offset)); } - + @include bem.elem('native') { position: absolute; inset-block-start: 0; @@ -61,18 +61,18 @@ overflow: hidden; appearance: none; border-radius: props.get(vars.$rounding); - + &:hover, &:focus-visible { @include bem.sibling-elem('label') { color: props.get(vars.$hover--label-color); } - + @include bem.sibling-elem('circle') { background-color: props.get(vars.$hover--circle-border-color); } } - + &:checked { @include bem.sibling-elem('circle') { &::after { @@ -80,15 +80,15 @@ } } } - + &:disabled { @include bem.sibling-elem('label') { color: props.get(vars.$disabled--label-color); } - + @include bem.sibling-elem('circle') { background-color: props.get(vars.$disabled--circle-border-color); - + &::after { background-color: props.get(vars.$disabled--circle-bg-color); } @@ -111,20 +111,20 @@ } } } - + @include bem.modifier('standalone') { @include bem.elem('circle') { margin-block-start: 0; } } - + @include bem.modifier('accent') { @include bem.elem('native') { &:checked { @include bem.sibling-elem('circle') { background-color: props.get(vars.$accent--circle-border-color); } - + &:hover, &:focus-visible { @include bem.sibling-elem('circle') { @@ -132,16 +132,16 @@ } } } - + &:disabled { @include bem.sibling-elem('circle') { background-color: props.get(vars.$disabled--circle-border-color); - + &::after { background-color: props.get(vars.$disabled--circle-bg-color); } } - + &:checked { @include bem.sibling-elem('circle') { background-color: props.get(vars.$disabled--circle-border-color); -- cgit v1.3.1