@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;
}

/*定义字体*/
.tabs-bar-as-btn .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;
}

/*激活时按钮样式*/
.tabs-bar-as-btn .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__item{
    position:relative;
}
.left-float-nav-tabs .el-tabs__item.is-active{
    background-color: aquamarine;
}