vue-ant-patterns/lib/d-tabs/style/index.less

vue-ant-patterns

@import '../../style/themes/index.less';
@import '../../style/mixins/flex.less';
@depot-prefix-cls: ~'@{depot-prefix}-tabs-custom';

.@{depot-prefix-cls} {
  //重置式样
  &.ant-tabs {
    .ant-tabs-small-bar {
      margin-top: 5px;
      .ant-tabs-nav-container {
        height: 32px;
      }
      .ant-tabs-extra-content {
        line-height: 32px;
        margin-top: -4px;
      }
    }
    .ant-tabs-tab {
      padding: 6px 16px 5px;
    }
    .ant-tabs-card-bar {
      .ant-tabs-tab {
        line-height: 31px;
        background: #eceef1;
        border-color: #ecf0f4;
        .ant-tabs-close-x {
          width: 12px;
          height: 12px;
          margin-left: 8px;
        }
      }
      .ant-tabs-tab-active {
        color: @tab-primary-color;
        background: #fff;
      }
    }
  }
  .ant-tabs-nav .ant-tabs-tab-active {
    color: @tab-primary-color !important;
  }
  .ant-tabs-ink-bar {
    background-color: @tab-primary-color;
  }
  &.ant-tabs-vertical {
    .ant-tabs-small-bar {
      .ant-tabs-nav-container {
        height: 100%;
      }
    }
  }
}