Avoid scss color dependency on :focus (#1647)

Co-authored-by: Paweł Kuna <1282324+codecalm@users.noreply.github.com>
This commit is contained in:
António Almeida
2023-07-15 21:02:36 +01:00
committed by GitHub
parent b8858520fa
commit f77c712015
3 changed files with 7 additions and 4 deletions

View File

@@ -0,0 +1,5 @@
---
"@tabler/core": patch
---
Avoid SCSS color dependency on `:focus`

View File

@@ -486,8 +486,6 @@ $focus-ring-width: 0.25rem !default;
$focus-ring-opacity: 0.25 !default;
$focus-ring-color: rgba(var(--#{$prefix}primary-rgb), $focus-ring-opacity) !default;
$focus-ring-blur: 0 !default;
$focus-ring-border-color: rgba(var(--#{$prefix}primary-rgb), 50%) !default;
$focus-ring-box-shadow: 0 0 $focus-ring-blur $focus-ring-width $focus-ring-color !default;
// Transitions
$transition-time: 0.3s !default;

View File

@@ -60,9 +60,9 @@
@mixin focus-ring($show-border: false) {
outline: 0;
box-shadow: $focus-ring-box-shadow;
box-shadow: 0 0 $focus-ring-blur $focus-ring-width rgba(var(--tblr-primary-rgb), 0.25);
@if($show-border) {
border-color: $focus-ring-border-color;
border-color: rgba(var(--tblr-primary-rgb), 0.25);
}
}