diff options
| author | Louis-Maxime Piton <[email protected]> | 2024-02-06 20:59:42 +0100 |
|---|---|---|
| committer | GitHub <[email protected]> | 2024-02-06 21:59:42 +0200 |
| commit | 5010e8d73e91d8b41792a4a53f36bf899195d2e5 (patch) | |
| tree | 6879e4d26871f50b9eacd2fe10df601c51483e51 | |
| parent | d85a84b7b1e421105cf68edf30ce89b00264b670 (diff) | |
| download | bootstrap-5010e8d73e91d8b41792a4a53f36bf899195d2e5.tar.xz bootstrap-5010e8d73e91d8b41792a4a53f36bf899195d2e5.zip | |
Fix the focus ring on focused checked buttons (#39595)
| -rw-r--r-- | scss/_buttons.scss | 9 |
1 files changed, 9 insertions, 0 deletions
diff --git a/scss/_buttons.scss b/scss/_buttons.scss index e14a18438..caa4518ac 100644 --- a/scss/_buttons.scss +++ b/scss/_buttons.scss @@ -100,6 +100,15 @@ } } + .btn-check:checked:focus-visible + & { + // Avoid using mixin so we can pass custom focus shadow properly + @if $enable-shadows { + box-shadow: var(--#{$prefix}btn-active-shadow), var(--#{$prefix}btn-focus-box-shadow); + } @else { + box-shadow: var(--#{$prefix}btn-focus-box-shadow); + } + } + &:disabled, &.disabled, fieldset:disabled & { |