@mixin chevron-down {
  top: $chevron-width;
  right: $chevron-width;
  transform: rotate(135deg);
}

@mixin chevron-up {
  top: $chevron-width;
  right: $chevron-width;
  transform: rotate(-45deg);
}

@mixin chevron-right {
  $offset: $chevron-width/2;
  top: calc(50% - #{$offset});
  right: $chevron-width;
  transform: rotate(45deg);
}

@mixin chevron-left {
  border-top: $chevron-width solid transparent;
  border-right: $chevron-width solid;
  border-bottom: $chevron-width solid transparent;
}

@mixin chevron($direction: down) {
  @if $enable-chevron {
    &::after {
      width: $chevron-width;
      height: $chevron-width;
      display: block;
      position: absolute;
      border-style: solid;
      border-width: 0.062rem 0.062rem 0 0;
      content: '';

      @if $direction == down {
        @include chevron-down;
      } @else if $direction == up {
        @include chevron-up;
      } @else if $direction == right {
        @include chevron-right;
      }
    }

    @if $direction == left {

    }

  }
}