aboutsummaryrefslogtreecommitdiff
path: root/scss/_buttons.scss
diff options
context:
space:
mode:
authorPatrick H. Lauke <[email protected]>2022-09-20 14:15:46 +0100
committerGitHub <[email protected]>2022-09-20 15:15:46 +0200
commit2be9cd59bae8c864f6d2cfb03c535e96f00160ca (patch)
treeba2c0fdb4c85fa743f44dead8b7bb31c276396a2 /scss/_buttons.scss
parent636bb496c93ead07809dc3414e31af3a609482df (diff)
downloadbootstrap-2be9cd59bae8c864f6d2cfb03c535e96f00160ca.tar.xz
bootstrap-2be9cd59bae8c864f6d2cfb03c535e96f00160ca.zip
Explicitly target `.btn-check` and undo `:hover` (#37165)
rather than the other way around, which caused specificity issues
Diffstat (limited to 'scss/_buttons.scss')
-rw-r--r--scss/_buttons.scss10
1 files changed, 8 insertions, 2 deletions
diff --git a/scss/_buttons.scss b/scss/_buttons.scss
index c2d077351..f2c4c13a9 100644
--- a/scss/_buttons.scss
+++ b/scss/_buttons.scss
@@ -40,14 +40,20 @@
@include box-shadow(var(--#{$prefix}btn-box-shadow));
@include transition($btn-transition);
- :not(.btn-check) + &:hover,
- &:first-child:hover {
+ &:hover {
color: var(--#{$prefix}btn-hover-color);
text-decoration: if($link-hover-decoration == underline, none, null);
background-color: var(--#{$prefix}btn-hover-bg);
border-color: var(--#{$prefix}btn-hover-border-color);
}
+ .btn-check + &:hover {
+ // override for the checkbox/radio buttons
+ color: var(--#{$prefix}btn-color);
+ background-color: var(--#{$prefix}btn-bg);
+ border-color: var(--#{$prefix}btn-border-color);
+ }
+
&:focus-visible {
color: var(--#{$prefix}btn-hover-color);
@include gradient-bg(var(--#{$prefix}btn-hover-bg));