| 1 | // stylelint-disable declaration-no-important
|
| 2 |
|
| 3 | // Contextual backgrounds
|
| 4 |
|
| 5 | @mixin bg-variant($parent, $color) {
|
| 6 | #{$parent} {
|
| 7 | background-color: $color ;
|
| 8 | }
|
| 9 | a#{$parent},
|
| 10 | button#{$parent} {
|
| 11 | @include hover-focus {
|
| 12 | background-color: darken($color, 10%) ;
|
| 13 | }
|
| 14 | }
|
| 15 | }
|
| 16 |
|
| 17 | @mixin bg-gradient-variant($parent, $color) {
|
| 18 | #{$parent} {
|
| 19 | background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x ;
|
| 20 | }
|
| 21 | }
|