@import '../style/var.less';

.van-tabs--line {
  .van-tabs__wrap {
    height: 38px;
    .van-tabs__nav--line {
      .van-tab--active {
        background-color: #fff;
        color: @primary;
      }
      .van-tabs__line {
        background-color: @primary;
        width: 70px;
        height: 2px;
        &::after {
          content: '';
          display: block;
          width: 0;
          height: 0;
          border-width: 5px;
          border-style: solid;
          border-color: transparent transparent #4285f4;
          position: absolute;
          top: -8px;
          left: 50%;
          transform: translateX(-50%);
        }
      }
    }
  }
  .van-tabs__wrap--scrollable {
    height: 48px;
    .van-tabs__nav--line {
      box-sizing: border-box;
      padding-top: 9px;
      padding-bottom: 0;
      .van-tab {
        height: 30px;
        padding: 0 24px;
        border-radius: 8px;
        box-sizing: content-box;
        &.van-tab--active {
          background-color: @system;
          color: @primary;
        }
      }

      .van-tabs__line {
        background-color: transparent;
        &::after {
          border-color: transparent;
        }
      }
    }
  }
}
.van-tabs--card {
  .van-tabs__wrap {
    height: 38px;
    .van-tabs__nav--card {
      height: 38px;
      margin: 0;
      border: 1px solid @system;
      .van-tab {
        color: @weight-1;
        background-color: @system;
        border-right: 1px solid #fff;
        &.van-tab--active {
          color: @primary;
          background-color: #fff;
        }
      }
    }
  }
}
.van-tabs__content {
  padding: @padding-base;
}