_header-variant.scss 472 B

1234567891011121314151617181920212223242526272829303132
  1. //
  2. // Mixins: Sidebar Variant
  3. //
  4. @mixin header-variant(
  5. $header-bg,
  6. $header-color,
  7. $header-mobile-bg,
  8. $header-mobile-color
  9. ) {
  10. .main-header {
  11. background-color: $header-bg;
  12. color: $header-color;
  13. .nav-link {
  14. color: $dark;
  15. &:hover,
  16. &:focus {
  17. color: $black;
  18. }
  19. }
  20. }
  21. @include media-breakpoint-down(md) {
  22. .main-header {
  23. background-color: $header-mobile-bg;
  24. color: $header-mobile-color;
  25. }
  26. }
  27. }