@perfma/heaven/es/tabs/index.less

An UI Framework base [Ant Design V4](https://ant.design/components/overview-cn/) for React.

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

// Tabs
.@{ant-prefix}-tabs-tab + .@{ant-prefix}-tabs-tab{
  margin: 0;
}
.@{ant-prefix}-tabs-card.@{ant-prefix}-tabs-top
  > .@{ant-prefix}-tabs-nav
  .@{ant-prefix}-tabs-tab,
.@{ant-prefix}-tabs-card.@{ant-prefix}-tabs-top
  > div
  > .@{ant-prefix}-tabs-nav
  .@{ant-prefix}-tabs-tab {
  border-radius: 0;
}
.@{ant-prefix}-tabs-card > .@{ant-prefix}-tabs-nav .@{ant-prefix}-tabs-tab,
.@{ant-prefix}-tabs-card
  > div
  > .@{ant-prefix}-tabs-nav
  .@{ant-prefix}-tabs-tab {
  background: #ffffff;
}
.@{ant-prefix}-tabs-tab:not(.@{ant-prefix}-tabs-tab-active):not(.@{ant-prefix}-tabs-tab-disabled):hover {
  color: inherit;
  background: @table-body-sort-bg !important;
  position: relative;
}
.@{ant-prefix}-tabs-card > .@{ant-prefix}-tabs-nav > .@{ant-prefix}-tabs-nav-wrap > .@{ant-prefix}-tabs-nav-list > .@{ant-prefix}-tabs-tab.@{ant-prefix}-tabs-tab-active::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    height: 2px;
    background: #3271fe;
  }
.@{ant-prefix}-tabs-card > .@{ant-prefix}-tabs-nav .@{ant-prefix}-tabs-tab,
.@{ant-prefix}-tabs-card
  > div
  > .@{ant-prefix}-tabs-nav
  .@{ant-prefix}-tabs-tab {
  padding: 7px 16px;
}
.@{ant-prefix}-tabs-large > .@{ant-prefix}-tabs-nav .@{ant-prefix}-tabs-tab,
.@{ant-prefix}-tabs-small > .@{ant-prefix}-tabs-nav .@{ant-prefix}-tabs-tab {
  padding: 7px 16px;
}
.@{ant-prefix}-tabs-large > .@{ant-prefix}-tabs-nav .@{ant-prefix}-tabs-tab {
  font-size: 14px;
  line-height: 22px;
}


.@{ant-prefix}-tabs .@{ant-prefix}-tabs-tab{
  margin-bottom: 1px;
  .anticon {
    margin-right: 4px;
  }
}

.@{ant-prefix}-tabs .simple—tab-bar {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  &-item {
    &:nth-child(1) {
      padding-left: 0;
    }
    &:nth-last-child(1) {
      border-right: 0;
    }
    cursor: pointer;
    line-height: 20px;
    padding: 0 22px;
    border-right: 1px solid @border-color-split;
    &-active,
    &:hover {
      color: @blue-6;
    }
  }
}