git.roojs.org Git - roojs1/blob - scss/bootstrap/mixins/_background-variant.scss

   1 // stylelint-disable declaration-no-important
   2
   3 // Contextual backgrounds
   4
   5 @mixin bg-variant($parent, $color, $ignore-warning: false) {
   6   #{$parent} {
   7     background-color: $color !important;
   8   }
   9   a#{$parent},
  10   button#{$parent} {
  11     @include hover-focus() {
  12       background-color: darken($color, 10%) !important;
  13     }
  14   }
  15   @include deprecate("The `bg-variant` mixin", "v4.4.0", "v5", $ignore-warning);
  16 }
  17
  18 @mixin bg-gradient-variant($parent, $color, $ignore-warning: false) {
  19   #{$parent} {
  20     background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
  21   }
  22   @include deprecate("The `bg-gradient-variant` mixin", "v4.5.0", "v5", $ignore-warning);
  23 }