kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

Remove hover states on background utilities (#28457)

Browse source
This commit is contained in:
Martijn Cuppens 2019-03-14 18:36:02 +01:00 committed by XhmikosR
parent 837ff0cc11
commit a88d58605a
3 changed files with 4 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
scss/mixins/_background-variant.scss
View file

@ -1,19 +1,5 @@
// stylelint-disable declaration-no-important
// Contextual backgrounds
@mixin bg-variant($parent, $color) {
#{$parent} {
background-color: $color !important;
}
a#{$parent},
button#{$parent} {
@include hover-focus {
background-color: darken($color, 10%) !important;
}
}
}
@mixin bg-gradient-variant($parent, $color) {
#{$parent} {
background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;

4
scss/utilities/_background.scss
View file

@ -1,7 +1,9 @@
// stylelint-disable declaration-no-important
@each $color, $value in $theme-colors {
@include bg-variant(".bg-#{$color}", $value);
.bg-#{$color} {
background-color: $value !important;
}
}
@if $enable-gradients {

2
site/content/docs/4.3/utilities/colors.md
View file

@ -35,7 +35,7 @@ Contextual text classes also work well on anchors with the provided hover and fo
## Background color
Similar to the contextual text color classes, easily set the background of an element to any contextual class. Anchor components will darken on hover, just like the text classes. Background utilities **do not set `color`**, so in some cases you'll want to use `.text-*` utilities.
Similar to the contextual text color classes, easily set the background of an element to any contextual class. Background utilities **do not set `color`**, so in some cases you'll want to use `.text-*` utilities.
{{< example >}}
{{< colors.inline >}}