diff options
author | Patrick H. Lauke <redux@splintered.co.uk> | 2022-09-20 16:15:46 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-09-20 16:15:46 +0300 |
commit | 2be9cd59bae8c864f6d2cfb03c535e96f00160ca (patch) | |
tree | ba2c0fdb4c85fa743f44dead8b7bb31c276396a2 /scss | |
parent | 636bb496c93ead07809dc3414e31af3a609482df (diff) |
Explicitly target `.btn-check` and undo `:hover` (#37165)
rather than the other way around, which caused specificity issues
Diffstat (limited to 'scss')
-rw-r--r-- | scss/_buttons.scss | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/scss/_buttons.scss b/scss/_buttons.scss index c2d0773516..f2c4c13a9d 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)); |