diff options
Diffstat (limited to 'src/objects/_button.scss')
-rw-r--r-- | src/objects/_button.scss | 25 |
1 files changed, 12 insertions, 13 deletions
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; | |||
231 | display: none; | 231 | display: none; |
232 | position: absolute; | 232 | position: absolute; |
233 | z-index: 1; | 233 | z-index: 1; |
234 | inset-block: calc(-1 * fn.dim(--border) - fn.dim(--key-focus --border-offset)); | 234 | inset: calc(-1 * fn.dim(--border) - fn.dim(--key-focus --border-offset)); |
235 | inset-inline: calc(-1 * fn.dim(--border) - fn.dim(--key-focus --border-offset)); | 235 | border-radius: calc(fn.dim(--rounding) + fn.dim(--key-focus --border-offset)); |
236 | border-radius: fn.dim(--rounding); | ||
237 | outline: fn.color(--key-focus --border) solid fn.dim(--key-focus --border); | 236 | outline: fn.color(--key-focus --border) solid fn.dim(--key-focus --border); |
238 | box-shadow: 0 0 0 calc(fn.dim(--key-focus --border) + fn.dim(--key-focus --outline)) fn.color(--key-focus --outline); | 237 | box-shadow: 0 0 0 calc(fn.dim(--key-focus --border) + fn.dim(--key-focus --outline)) fn.color(--key-focus --outline); |
239 | pointer-events: none; | 238 | pointer-events: none; |
240 | } | 239 | } |
240 | |||
241 | &:link, | ||
242 | &:visited, | ||
243 | &:enabled { | ||
244 | &:focus-visible { | ||
245 | &::after { | ||
246 | display: block; | ||
247 | } | ||
248 | } | ||
249 | } | ||
241 | 250 | ||
242 | @include iro.bem-modifier('block') { | 251 | @include iro.bem-modifier('block') { |
243 | display: block; | 252 | display: block; |
@@ -268,16 +277,6 @@ $static-themes: 'black' 'white' !default; | |||
268 | @include theme($theme); | 277 | @include theme($theme); |
269 | } | 278 | } |
270 | } | 279 | } |
271 | |||
272 | &:link, | ||
273 | &:visited, | ||
274 | &:enabled { | ||
275 | &:focus-visible { | ||
276 | &::after { | ||
277 | display: block; | ||
278 | } | ||
279 | } | ||
280 | } | ||
281 | 280 | ||
282 | @each $theme in $static-themes { | 281 | @each $theme in $static-themes { |
283 | @include iro.bem-modifier(static-#{$theme}) { | 282 | @include iro.bem-modifier(static-#{$theme}) { |