@import '~antd/es/tabs/style/index.less';
@import '../variable.less';

@tab-prefix-cls: ~'@{ant-prefix}-tabs';

.@{tab-prefix-cls} {
  &-nav {
    .@{tab-prefix-cls}-tab {
      padding-left: @tabs-bar-padding-horizontal;
      padding-right: @tabs-bar-padding-horizontal;
      height: @tabs-bar-height;
      margin-right: @tabs-bar-pane-margin;
      color: @text-color-secondary;

      &:hover {
        color: @text-color-primary;
        background-color: @text-color-background;
      }

      // icon
      .@{iconfont-css-prefix} {
        margin-left: -4px;
        margin-right: @tabs-bar-icon-margin-right;
      }

      // badge
      .@{ant-prefix}-badge.@{ant-prefix}-badge-not-a-wrapper {
        margin-left: @tabs-bar-badge-margin-left;
      }

      &-active {
        background: #ffffff !important;
        .@{tab-prefix-cls}-tab-btn {
          font-weight: @font-weight-bold;
        }
      }

      &-disabled {
        background-color: transparent !important;
        color: @text-color-disabled !important;
        border: none !important;
      }
    }
  }

  // editable-card remove icon
  &&-card &-tab-remove {
    height: @icon-size;
    padding: 0;
    // width: @icon-size;

    .@{iconfont-css-prefix}-close {
      margin-right: 0;
    }
  }

  &-card > &-nav &-tab {
    color: @text-color-secondary;
    background: @text-color-divider;
  }

  // editable-card add icon
  &-nav-add {
    display: flex;
    justify-content: center;
    align-items: center;
    color: @icon-color-base;
  }

  &-extra-content {
    .@{tab-prefix-cls}-new-tab {
      border: none;
    }
  }

  // &-top > &-nav {
  //   margin-bottom: 0;
  // }

  // &-content-holder {
  //   background: #FFFFFF;
  // }
}