// Lightning Design System 2.8.0
// Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
// Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license

@include deprecate('4.0.0', 'Please use slds-tabs_scoped__item instead') {

  .slds-tabs_scoped,
  .slds-tabs--scoped {

    .slds-tabs__item {
      position: relative;
      margin-bottom: ($border-width-thin * -1);

      + .slds-tabs__item {
        margin-left: ($border-width-thin * -1);
      }

      &:first-child > a {
        border-left: 0;
        border-radius: $border-radius-medium 0 0 0;
      }

      > a {
        @include tabs-link;
        height: $line-height-tab;
        line-height: $line-height-tab;
        padding: 0 $spacing-large;
        color: $color-text-weak;
        background-clip: padding-box;
        border-left: $border-width-thin solid transparent;
        border-right: $border-width-thin solid transparent;

        &:hover,
        &:focus {
          text-decoration: none;
          color: $color-text-link-hover;
          border-color: $color-border;
        }
      }
      // scss-lint:disable SelectorDepth
      .slds-active > a {
        background-color: $color-background-alt;
        color: $color-text-link;
        border-color: $color-border;

        &:focus {
          text-decoration: underline;
        }
      }
    }

    > .slds-tabs__content {
      background-color: $color-background-alt;
      border: $border-width-thin solid $color-border-button-default;
      border-top: 0;
      border-radius: 0 0 $border-radius-medium $border-radius-medium;
      padding: $spacing-medium;
    }
  }
}