@use "common";

/***没有nav下划线***/
.tabs-nav-no-wrap {
    .el-tabs__nav-wrap::after {
        height: 0px !important;
        width: 0px !important;
    }
}

/***nav as card***/
.tabs-header-as-card {
    .el-tabs__header:not(.disinheritance .el-tabs__header) {
        @extend .background-as-card;
        padding: 2px;
    }
}

/***作为按钮样式的tabs-bar***/
/*选中无下划线*/
.tabs-bar-as-btn {
    .el-tabs__active-bar:not(.disinheritance .el-tabs__active-bar) {
        height: 0px;
    }

    /*定义字体*/
    .el-tabs__item:not(.disinheritance .el-tabs__item) {
        font-size: 20px;
        font-family: "Source Han Sans CN-Regular";
        font-weight: Regular;
        line-height: 26px;
        height: 50px;
    }

    /*激活时按钮样式*/
    .el-tabs__item.is-active:not(.disinheritance .el-tabs__item) {

        font-size: 24px;
        font-family: "Source Han Sans CN-Bold";
        font-weight: Bold;

        color: var(--color-primary-100);
        border-width: 1px;
        border-style: solid;
        border-color: var(--color-primary-35);
        border-radius: 10px;
        background-color: var(--color-primary-2);
    }
}

/***tabs-bar左边悬浮***/
.left-float-nav-tabs {

    // .el-tabs__header {

    position: relative;
    overflow: visible;
    transform: translateZ(0);
    /* 双重保障 */

    /* 创建新的渲染层 */
    /* 创建新的层叠上下文 */
    .el-tabs__header {

        // position: absolute;
        left: 0;
        top: 0;
        z-index: 999;
        background-color: red;
        // margin-left: -20px;
    }

    // }
}