/mizuxe2017/scss/bootstrap/mixins/_background-variant.scss

https://bitbucket.org/Trulsh/personal-bootstrap-projects · Sass · 21 lines · 16 code · 3 blank · 2 comment · 0 complexity · a8951be7f19a8c0ac9d21b2d1a5831f4 MD5 · raw file

  1. // stylelint-disable declaration-no-important
  2. // Contextual backgrounds
  3. @mixin bg-variant($parent, $color) {
  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. }
  14. @mixin bg-gradient-variant($parent, $color) {
  15. #{$parent} {
  16. background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
  17. }
  18. }