seehoo-design-plus/src/styles/sh/tabs.less

An UI components for Seehoo Vuejs.3

@sh-tabs-prefix-cls: ~'@{sh-css-prefix}tabs';

.@{sh-tabs-prefix-cls} {
  background-color: @white;
  &-verify {
    .@{tabs-prefix-cls}-tab-label {
      .saved {
        color: @primary-color;
      }
    }
  }

  &-group {
    display: flex;
    font-weight: 600;

    &-item {
      height: 30px;
      line-height: 30px;
      padding: 0 12px;
      border: 1px solid @primary-color;
      cursor: pointer;

      &:first-child {
        border-radius: 4px 0 0 4px;
      }

      &:last-child {
        border-radius: 0 4px 4px 0;
      }

      &:not(:last-child) {
        border-right: none;
      }

      &-active {
        color: @white;
        border-color: @primary-color;
        background-color: @primary-color;
      }
    }
  }
}