@mixin navbar---alter() {
}

@mixin navbar() {
  background: $navbar-bg;
  color: $navbar-color;
  border-width: $navbar-border-width;
  border-color: $navbar-border-color;
  border-style: $navbar-border-style;
  box-shadow: $navbar-box-shadow;
  @include navbar---alter;
}

@mixin navbar__wrapper---alter() {
}

@mixin navbar__wrapper() {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  @include navbar__wrapper---alter;
}

@mixin navbar-brand---alter() {
}

@mixin navbar-brand() {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
  height: $navbar-brand-height;
  line-height: $navbar-brand-height;
  font-size: $navbar-brand-font-size;
  color: $navbar-link-color;
  img {
    display: block;
    height: $navbar-brand-image-height;
    width: auto;
    margin: ($navbar-brand-height - $navbar-brand-image-height) / 2 0;
  }
  &:hover,
  &:focus {
    color: $navbar-link-color;
  }
  @include navbar-brand---alter;
}

@mixin navbar-nav---alter() {
}

@mixin navbar-nav() {
  margin: 0;
  padding: 0;
  display: inline-flex;
  @include navbar-nav---alter;
}

@mixin navbar-nav__item---alter() {
}

@mixin navbar-nav__item() {
  display: block;
  list-style: none;
  margin: 0 $navbar-item-margin-x;
  padding: 0;
  @include navbar-nav__item---alter;
}

@mixin navbar-link--active---alter() {
}

@mixin navbar-link--active() {
  background: $navbar-link-active-bg;
  color: $navbar-link-active-color;
  @include navbar-link--active---alter;
}

@mixin navbar-link---alter() {
}

@mixin navbar-link() {
  $navbar-link-padding-y: ($navbar-link-height - $navbar-link-line-height) / 2;
  $navbar-link-margin-y: ($navbar-height - $navbar-link-height) / 2;
  display: flex;
  align-items: center;
  background: $navbar-link-bg;
  color: $navbar-link-color;
  font-family: $navbar-link-font-family;
  font-size: $navbar-link-font-size;
  font-weight: $navbar-link-font-weight;
  text-transform: $navbar-link-text-transform;
  height: $navbar-link-height;
  line-height: $navbar-link-line-height;
  padding: $navbar-link-padding-y $navbar-link-padding-x;
  margin: $navbar-link-margin-y 0;
  white-space: nowrap;
  @include navbar-link---alter;
}

@mixin navbar-toggler---alter() {
}

@mixin navbar-toggler() {
  @include navbar-link;
  margin-left: 0;
  margin-right: 0;
  border: none;
  cursor: pointer;
  border-radius: 0;
  @include navbar-toggler---alter;
}

@mixin navbar-toggler--open---alter() {
}

@mixin navbar-toggler--open() {
  @include navbar-link--active;
  border: none;
  outline: none;
}