From b566769679473b91d2f63406fba7cc3b44c4fcc1 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 25 Jun 2024 11:11:05 +0200 Subject: Update --- src/objects/_checkbox.scss | 18 ++++-------------- 1 file changed, 4 insertions(+), 14 deletions(-) (limited to 'src/objects/_checkbox.scss') diff --git a/src/objects/_checkbox.scss b/src/objects/_checkbox.scss index e56b10e..a254ec4 100644 --- a/src/objects/_checkbox.scss +++ b/src/objects/_checkbox.scss @@ -49,16 +49,6 @@ 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('box') { display: block; position: relative; @@ -125,7 +115,9 @@ } @include iro.bem-elem('native') { + appearance: none; position: absolute; + z-index: -1; inset-block-start: 0; inset-inline-start: 0; inline-size: 100%; @@ -133,7 +125,7 @@ margin: 0; padding: 0; overflow: hidden; - opacity: .0001; + border-radius: fn.dim(--rounding); &:hover { @include iro.bem-sibling-elem('label') { @@ -188,9 +180,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