@import '../index.less';
@btri-tabs: ~'@{ant-prefix}-btri-tabs';
@btri-icons: ~'@{ant-prefix}-btri-icon-box';
@tab-prefix-cls: ~'@{ant-prefix}-tabs';

@border-radius: 2px;

.@{btri-tabs} {
  &.@{btri-tabs}-hideBorder > .@{ant-prefix}-tabs-nav:before,
  & > div > .@{ant-prefix}-tabs-nav:before {
    border-bottom: 0;
  }
  &.@{tab-prefix-cls} > .@{tab-prefix-cls}-nav,
  > div > .@{tab-prefix-cls}-nav {
    // 添加按钮
    .@{tab-prefix-cls}-nav-add {
      border-radius: @border-radius @border-radius 0 0;
      .anticon-plus {
        font-size: 10px;
      }
    }
    // 更多
    .@{tab-prefix-cls}-nav-more {
      padding: var(--padding-xs) var(--padding-sm);
    }
  }

  // 图标
  .@{tab-prefix-cls}-tab-btn {
    .anticon,
    .@{btri-icons} {
      margin-right: 4px;
    }
  }
  // 删除图标
  .@{tab-prefix-cls}-tab-remove {
    color: var(--caption-font);
    font-size: 16px;
    margin-left: 6px;
    margin-right: -6px;
    .@{btri-icons} {
      vertical-align: middle;
    }
  }

  &.@{tab-prefix-cls}-card {
    // ========================== Top & Bottom ==========================

    &.@{tab-prefix-cls}-top {
      > .@{tab-prefix-cls}-nav,
      > div > .@{tab-prefix-cls}-nav {
        .@{tab-prefix-cls}-tab {
          border-radius: @border-radius @border-radius 0 0;
        }
      }
    }
    &.@{tab-prefix-cls}-bottom {
      > .@{tab-prefix-cls}-nav,
      > div > .@{tab-prefix-cls}-nav {
        .@{tab-prefix-cls}-tab {
          border-radius: 0 0 @border-radius @border-radius;
        }
      }
    }

    // ========================== Left & Right ==========================

    &.@{tab-prefix-cls}-left {
      > .@{tab-prefix-cls}-nav,
      > div > .@{tab-prefix-cls}-nav {
        .@{tab-prefix-cls}-tab {
          border-radius: @border-radius 0 0 @border-radius;
        }
      }
    }
    &.@{tab-prefix-cls}-right {
      > .@{tab-prefix-cls}-nav,
      > div > .@{tab-prefix-cls}-nav {
        .@{tab-prefix-cls}-tab {
          border-radius: 0 @border-radius @border-radius 0;
        }
      }
    }
  }
}
.@{tab-prefix-cls}-dropdown {
  border: 1px solid var(--primary-2);
  &-menu {
    padding: var(--padding-xxxs) !important;
    &-item {
      border-radius: var(--border-radius-base);
      &:not(:first-child) {
        margin-top: var(--padding-xxxs) !important;
      }
    }
  }
}