From b566769679473b91d2f63406fba7cc3b44c4fcc1 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 25 Jun 2024 11:11:05 +0200 Subject: Update --- src/objects/_radio.scss | 18 ++++-------------- 1 file changed, 4 insertions(+), 14 deletions(-) (limited to 'src/objects/_radio.scss') diff --git a/src/objects/_radio.scss b/src/objects/_radio.scss index 5f461ce..12dc6ca 100644 --- a/src/objects/_radio.scss +++ b/src/objects/_radio.scss @@ -48,16 +48,6 @@ margin-inline: calc(-1 * fn.dim(--pad-i)) calc(fn.dim(--spacing-sibling) - fn.dim(--pad-i)); padding-block: fn.dim(--pad-b); padding-inline: fn.dim(--pad-i); - - @include iro.bem-elem('bg') { - display: block; - position: absolute; - z-index: -1; - inset-block: 0; - inset-inline: 0; - border-radius: fn.dim(--rounding); - pointer-events: none; - } @include iro.bem-elem('circle') { display: block; @@ -89,7 +79,9 @@ } @include iro.bem-elem('native') { + appearance: none; position: absolute; + z-index: -1; inset-block-start: 0; inset-inline-start: 0; inline-size: 100%; @@ -97,7 +89,7 @@ margin: 0; padding: 0; overflow: hidden; - opacity: .0001; + border-radius: fn.dim(--rounding); &:hover { @include iro.bem-sibling-elem('label') { @@ -132,9 +124,7 @@ } &:focus-visible { - @include iro.bem-sibling-elem('bg') { - background-color: fn.color(--key-focus --bg); - } + background-color: fn.color(--key-focus --bg); @include iro.bem-sibling-elem('label') { color: fn.color(--key-focus --label); -- cgit v1.2.3-70-g09d2