diff options
author | Patrick H. Lauke <redux@splintered.co.uk> | 2022-09-17 13:30:38 +0300 |
---|---|---|
committer | Patrick H. Lauke <redux@splintered.co.uk> | 2022-09-17 13:30:38 +0300 |
commit | 38bf848313f4fe9c096549e9473841f7674bf89f (patch) | |
tree | 8cc545098a22439c5c67c1afa5be2c5fc5f19f7c | |
parent | 6f65df4faea2694840572626f8a02f4399bd0dca (diff) |
Explicitly target `.btn-check` and undo `:hover`patrickhlauke-button-styles-patch
rather than the other way around, which caused specificity issues
-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)); |