//
// Mixins: Sidebar Variant
//

@mixin header-variant(
  $lte-header-bg,
  $lte-header-color,
  $lte-header-mobile-bg,
  $lte-header-mobile-color
) {
  .main-header {
    background-color: $lte-header-bg;
    color: $lte-header-color;

    .nav-link {
      color: $dark;

      &:hover,
      &:focus {
        color: $black;
      }
    }
  }

  @include media-breakpoint-down(lg) {
    .main-header {
      background-color: $lte-header-mobile-bg;
      color: $lte-header-mobile-color;
    }
  }
}
