_background-variant.scss 695 B

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