.sub-nav {
  &.tabs {
    box-shadow: inset 0 -1px 0 $grey-light;

    ul {
      border-color: transparent;
    }

    li {
      &:focus {
        box-shadow: none;
      }
      &.is-active a {
        border-color: $blue;
        color: $blue;
      }
      &:first-child a {
        margin-left: $size-5;
      }
    }

    a {
      color: $grey-dark;
      font-weight: $font-weight-semibold;
      text-decoration: none;
      padding: $size-6 $size-8 $size-8;
      border-bottom: 2px solid transparent;
      transition: border-color $speed;

      &:hover,
      &:active {
        border-color: $grey-light;
      }
    }

    .ember-basic-dropdown-trigger {
      outline: none;
    }
  }
}
