@simba088/mat-ui/lib/theme-chalk/message.css

基于Vue和ElementUi的PC组件库

.mat-message{min-width:380px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border-width:1px;border-style:solid;border-color:#EBEEF5;position:fixed;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#edf2fc;-webkit-transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,transform .4s,top .4s;transition:opacity .3s,transform .4s,top .4s,-webkit-transform .4s;overflow:hidden;padding:15px 15px 15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mat-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mat-message.is-closable .mat-message__content{padding-right:16px}.mat-message p{margin:0}.mat-message--info .mat-message__content{color:#909399}.mat-message--success{background-color:#f0f9eb;border-color:#e1f3d8}.mat-message--success .mat-message__content{color:#67C23A}.mat-message--warning{background-color:#fdf6ec;border-color:#faecd8}.mat-message--warning .mat-message__content{color:#E6A23C}.mat-message--error{background-color:#fef0f0;border-color:#fde2e2}.mat-message--error .mat-message__content{color:#F56C6C}.mat-message__icon{margin-right:10px}.mat-message__content{padding:0;font-size:14px;line-height:1}.mat-message__content:focus{outline-width:0}.mat-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#C0C4CC;font-size:16px}.mat-message__closeBtn:focus{outline-width:0}.mat-message__closeBtn:hover{color:#909399}.mat-message .mat-icon-success{color:#67C23A}.mat-message .mat-icon-error{color:#F56C6C}.mat-message .mat-icon-info{color:#909399}.mat-message .mat-icon-warning{color:#E6A23C}.mat-message-fade-enter,.mat-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}