@cw-devops/bk-magic-vue/lib/ui/popconfirm.css

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

.bk-popconfirm-content{
    font-size:12px;
}

    .bk-popconfirm-content .popconfirm-split{
        display:inline-block;
        position:absolute;
        top:9px;
        background-color:#dcdee5;
        width:1px;
        height:12px;
        margin-left:-2px;
    }

.bk-popconfirm-content.popconfirm-more{
        padding:10px;
    }

.bk-popconfirm-content.popconfirm-more .popconfirm-content .title{
                font-size:14px;
                color:#313238;
                padding-bottom:10px;
            }

.bk-popconfirm-content.popconfirm-more .popconfirm-content .content{
                font-size:12px;
                line-height:20px;
                color:#63656e;
                padding-bottom:10px;
            }

.bk-popconfirm-content.popconfirm-more .popconfirm-content .is-simple.content{
                font-size:14px;
                line-height:22px;
            }

.bk-popconfirm-content.popconfirm-more .popconfirm-operate{
            text-align:right;
            margin-bottom:2px;
        }

.bk-popconfirm-content .popconfirm-operate button{
            background:transparent;
            border:transparent;
            color:#3a84ff;
            margin-left:4px
        }

.bk-popconfirm-content .popconfirm-operate button:hover{
                color:#699df4;
            }

.bk-popconfirm-content .popconfirm-operate button[type="button"]{
                border-radius:2px;
                color:#63656e;
                border:1px solid #c4c6cc
            }

.bk-popconfirm-content .popconfirm-operate button[type="button"]:hover{
                    border-color:#979ba5;
                }

.bk-popconfirm-content .popconfirm-operate button[type="button"].primary{
                    color:#fff;
                    background:#3a84ff;
                    border:#3a84ff
                }

.bk-popconfirm-content .popconfirm-operate button[type="button"].primary:hover{
                        background-color:#699df4;
                        border-color:#699df4;
                    }

.bk-popconfirm-content .popconfirm-operate .default-operate-button[type="button"]{
            height:26px;
            padding:0 16px;
        }

.devops-custom-bk-popconfirm-content{
    padding:15px;
    padding-top:20px;
}

.devops-custom-bk-popconfirm-content .close-icon{
        font-size:20px;
        position:absolute;
        right:0;
        top:0;
        z-index:9999;
        cursor:pointer;
        color:#8797AA;
        right:5px;
        top:5px;
    }

.devops-custom-bk-popconfirm-content .con{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:start;
            -ms-flex-align:start;
                align-items:flex-start;
    }

.devops-custom-bk-popconfirm-content .con .con-text{
            width:0;
            -webkit-box-flex:1;
                -ms-flex:1;
                    flex:1;
        }

.devops-custom-bk-popconfirm-content .con .primary{
            font-size:18px;
            line-height:26px;
            color:#0053F9;
            margin-right:10px;
        }

.devops-custom-bk-popconfirm-content .con .danger{
            font-size:12px;
            line-height:16px;
            color:#E22D2D;
            margin-right:8px;
        }

.devops-custom-bk-popconfirm-content .con .title{
            font-size:16px;
            color:#081E40;
            font-weight:bold;
            line-height:26px;
            margin-bottom:10px;
        }

.devops-custom-bk-popconfirm-content .con .content{
            font-size:12px;
            color:#081E40;
            line-height:16px;
        }

.devops-custom-bk-popconfirm-content .devops-custom-popconfirm-operate{
        margin-top:20px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:end;
            -ms-flex-pack:end;
                justify-content:flex-end;
    }