From a6745cc1c39dca0a26a72ffde885dda33acfed5f Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 25 Jun 2024 21:45:22 +0200 Subject: Added back action button --- src/objects/_button.scss | 25 ++++++++++++------------- 1 file changed, 12 insertions(+), 13 deletions(-) (limited to 'src/objects/_button.scss') diff --git a/src/objects/_button.scss b/src/objects/_button.scss index 49f3f67..1c907c0 100644 --- a/src/objects/_button.scss +++ b/src/objects/_button.scss @@ -231,13 +231,22 @@ $static-themes: 'black' 'white' !default; display: none; position: absolute; z-index: 1; - inset-block: calc(-1 * fn.dim(--border) - fn.dim(--key-focus --border-offset)); - inset-inline: calc(-1 * fn.dim(--border) - fn.dim(--key-focus --border-offset)); - border-radius: fn.dim(--rounding); + inset: calc(-1 * fn.dim(--border) - fn.dim(--key-focus --border-offset)); + border-radius: calc(fn.dim(--rounding) + fn.dim(--key-focus --border-offset)); outline: fn.color(--key-focus --border) solid fn.dim(--key-focus --border); box-shadow: 0 0 0 calc(fn.dim(--key-focus --border) + fn.dim(--key-focus --outline)) fn.color(--key-focus --outline); pointer-events: none; } + + &:link, + &:visited, + &:enabled { + &:focus-visible { + &::after { + display: block; + } + } + } @include iro.bem-modifier('block') { display: block; @@ -268,16 +277,6 @@ $static-themes: 'black' 'white' !default; @include theme($theme); } } - - &:link, - &:visited, - &:enabled { - &:focus-visible { - &::after { - display: block; - } - } - } @each $theme in $static-themes { @include iro.bem-modifier(static-#{$theme}) { -- cgit v1.2.3-70-g09d2