baoshi-was/resources/sass/layout.scss

//text
.del{
    text-decoration-line: line-through;
}

//
.menu-third{
    a.nav-link.active{
        //background-color: transparent;
        //color:#3490dc;
        //border: 1px solid #3490dc;
    }
}
.custom-rich-text-content{
    img{
        width: 100%;
        height: auto;
    }
}

.nav2{
    margin-top:0;
}
.nav3{
    .card{
        background: #f9f0f0;
    }
}
.nav4{
    transform: scaleX(0.98);
    .card{
        background: #eac3aa;
    }
}

table,table.table-striped tbody{
    th {
        padding-bottom: 0;
        &.table-header-layer-1{
            font-weight: normal;
            background: none;
            text-align: center;
        }
        &.table-header-layer-1:nth-child(2){
            background: #eac3aa;
        }
        &.table-header-layer-1:nth-child(3){
            background: #aac7ea;
        }
        &.table-header-layer-1:nth-child(4){
            background: #aaeace;
        }

    }
    th{
        &.td-warm{
            background: #af7651 !important;
        }
        &.td-cool{
            background: #aac7ea !important;
        }
        &.td-helpful{
            background: #aaeace !important;
        }
        &.td-yellow{
            background: #f8eea0 !important;
        }
        &.td-calm{
            background: #c6d8e3 !important;
        }
    }
    td,tr:nth-of-type(odd){
        &.td-warm{
            background: rgb(246, 238, 232);
        }
        &.td-cool{
            background: #e8eef6;
        }
        &.td-helpful{
            background: #e7f5ee;
        }
        &.td-yellow{
            background: #fcfaec;
        }
        &.td-calm{
            background: #ddeffa;
        }
    }

    tr:nth-child(even) td, tr:nth-child(even){
        &.td-warm{
            background: rgb(248, 244, 241);
        }
        &.td-cool{
            background: #edf0f5;
        }
        &.td-helpful{
            background:  #ecf3ef;
        }
        &.td-yellow{
            background: #f8f5e4;
        }
    }
    tr:hover td, tr:hover {
        &.td-warm{
            background: rgb(246, 233, 220);
        }
        &.td-cool{
            background: #d3e0f1;
        }
        &.td-helpful{
            background: #d7f3e5;
        }
        &.td-yellow{
            background: #fdf3db;
        }
    }
    .table-striped>tr.focusing,tr.focusing>td{
        background: #d5aba1;
        &.td-warm{
            background: rgb(231, 174, 128);
        }
        &.td-cool{
            background: #5f8fcd;
        }
        &.td-helpful{
            background: #69cb9c;
        }
        &.td-yellow{
            background: #d9c290;
        }
    }
}
.row-even{
    background-color: rgba(0, 0, 0, .05)
}

.btn-circle {
    width: 45px;
    height: 45px;
    text-align: center;
    align-content: center;
    padding: 1px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 22.5px;
    :hover{
        color: #fffff8;
        text-decoration: none;
    }
}