@mixin hamburger---alter() {
}

@mixin hamburger($width: 24px, $height: 16px) {
  display: block;
  position: relative;
  width: $width;
  height: $height;
  transition: all 0.4s;
  @include hamburger---alter;
}

@mixin hamburger--open---alter() {
}

@mixin hamburger--open() {
  transform: rotate(45deg);
  @include hamburger--open---alter;
}

@mixin hamburger__bar---alter() {
}

@mixin hamburger__bar($parent-height: 16px, $height: 2px) {
  display: block;
  width: 100%;
  height: $height;
  background: $navbar-link-color;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -($height/2);
  transition: all 0.4s;
  $space: ($parent-height / 2) - $height;
  &:first-child {
    transform: translate3d(0, -$space, 0);
  }
  &:last-child {
    transform: translate3d(0, $space, 0);
  }
  @include hamburger__bar---alter;
}

@mixin hamburger__bar--open---alter() {
}

@mixin hamburger__bar--open() {
  background: $navbar-link-active-color;
  &:first-child {
    transform: translate3d(0, 0, 0) rotate(90deg);
  }
  &:last-child {
    transform: translate3d(0, 0, 0) rotate(-90deg);
  }
  @include hamburger__bar--open---alter;
}