rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-28 10:24:19 +01:00
Code Issues Actions Packages Releases Activity

adds hover state to the button element for background color utilities (#24813)

Browse Source 
* adds a hover state to the button element on the backrgound color utitility

* Adjust z-index to fix hover/focus overlaps
This commit is contained in:
Andres Galante 2017-12-23 00:41:13 -03:00 committed by Mark Otto
parent 5621c800aa
commit aacfcc248d
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
scss/_list-group.scss
View File

@ -59,6 +59,7 @@
}
@include hover-focus {
z-index: 1; // Place hover/active items above their siblings for proper border styling
text-decoration: none;
}
@ -70,7 +71,7 @@
// Include both here for `<a>`s and `<button>`s
&.active {
z-index: 1; // Place active items above their siblings for proper border styling
z-index: 2; // Place active items above their siblings for proper border styling
color: $list-group-active-color;
background-color: $list-group-active-bg;
border-color: $list-group-active-border-color;

3
scss/mixins/_background-variant.scss
View File

@ -6,7 +6,8 @@
#{$parent} {
background-color: $color !important;
}
a#{$parent} {
a#{$parent},
button#{$parent} {
@include hover-focus {
background-color: darken($color, 10%) !important;
}