Skip to content

Commit

Permalink
Don't apply :hover styles for .btn that follows a .btn-check
Browse files Browse the repository at this point in the history
This removes a large part of the visual confusion of button checks/radios - that you currently have to move your mouse away from them to see what they actually changed to (checked or unchecked)
  • Loading branch information
patrickhlauke committed Aug 25, 2022
1 parent b654ef1 commit a98f616
Showing 1 changed file with 2 additions and 1 deletion.
3 changes: 2 additions & 1 deletion scss/_buttons.scss
Expand Up @@ -39,7 +39,8 @@
@include box-shadow(var(--#{$prefix}btn-box-shadow));
@include transition($btn-transition);

&:hover {
:not(.btn-check) + &:hover,
&:first-child:hover {
color: var(--#{$prefix}btn-hover-color);
text-decoration: if($link-hover-decoration == underline, none, null);
background-color: var(--#{$prefix}btn-hover-bg);
Expand Down

0 comments on commit a98f616

Please sign in to comment.