bk-magic-vue/lib/ui/collapse-item.css

基于蓝鲸 Magicbox 和 Vue 的前端组件库

.bk-collapse-item .bk-collapse-item-header{
        padding:0px 10px;
        height:42px;
        text-overflow:ellipsis;
        overflow:hidden;
        line-height:42px;
        font-size:14px;
    }

.bk-collapse-item .bk-collapse-item-header .collapse-expand{
            position:relative;
            -webkit-transform:rotate(90deg);
                    transform:rotate(90deg);
        }

.bk-collapse-item .bk-collapse-item-header .bk-icon{
            font-size:20px;
        }

.bk-collapse-item .bk-collapse-item-header span{
            -webkit-transition:all linear 0.2s;
            transition:all linear 0.2s;
        }

.bk-collapse-item .bk-collapse-item-header.custom-trigger-layout{
            display:-webkit-box;
            display:-ms-flexbox;
            display:flex;
            position:relative;

        }

.bk-collapse-item .bk-collapse-item-header.custom-trigger-layout .trigger-area{
                -webkit-box-flex:1;
                    -ms-flex:1;
                        flex:1;
            }

.bk-collapse-item .bk-collapse-item-header.custom-trigger-layout .custom-trigger-angle{
                display:position;
                right:0
            }

.bk-collapse-item .bk-collapse-item-header.custom-trigger-layout .custom-trigger-angle:hover{
                    cursor:pointer;
                    color:#3a84ff;
                }

.bk-collapse-item .cursor-pointer{
        cursor:pointer;
    }

.bk-collapse-item .bk-collapse-item-hover:hover{
        color:#3a84ff;
    }

.bk-collapse-item .bk-collapse-item-content{
        padding:0px 10px;
    }

.bk-collapse-item .bk-collapse-item-detail{
        color:#979ba5;
    }

.bk-collapse-item .collapse-transition{
        -webkit-transition:.2s height ease-in-out, .2s padding-top ease-in-out, .2s padding-bottom ease-in-out;
        transition:.2s height ease-in-out, .2s padding-top ease-in-out, .2s padding-bottom ease-in-out
    }

.bk-collapse-item.is-disabled{
        color:#c4c6cc;
        cursor:not-allowed;
    }

.bk-collapse-item.is-disabled .bk-collapse-item-header{
            pointer-events:none;
        }