@simba088/mat-ui
Version:
基于Vue和ElementUi的PC组件库
1 lines • 1.9 kB
CSS
.mat-alert{width:100%;padding:8px 16px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;position:relative;background-color:#FFF;overflow:hidden;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .2s;transition:opacity .2s}.mat-alert.is-light .mat-alert__closebtn{color:#C0C4CC}.mat-alert.is-dark .mat-alert__closebtn,.mat-alert.is-dark .mat-alert__description{color:#FFF}.mat-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mat-alert--success.is-light{background-color:#f0f9eb;color:#67C23A}.mat-alert--success.is-light .mat-alert__description{color:#67C23A}.mat-alert--success.is-dark{background-color:#67C23A;color:#FFF}.mat-alert--info.is-light{background-color:#f4f4f5;color:#909399}.mat-alert--info.is-dark{background-color:#909399;color:#FFF}.mat-alert--info .mat-alert__description{color:#909399}.mat-alert--warning.is-light{background-color:#fdf6ec;color:#E6A23C}.mat-alert--warning.is-light .mat-alert__description{color:#E6A23C}.mat-alert--warning.is-dark{background-color:#E6A23C;color:#FFF}.mat-alert--error.is-light{background-color:#fef0f0;color:#F56C6C}.mat-alert--error.is-light .mat-alert__description{color:#F56C6C}.mat-alert--error.is-dark{background-color:#F56C6C;color:#FFF}.mat-alert__content{display:table-cell;padding:0 8px}.mat-alert__icon{font-size:16px;width:16px}.mat-alert__icon.is-big{font-size:28px;width:28px}.mat-alert__title{font-size:13px;line-height:18px}.mat-alert__title.is-bold{font-weight:700}.mat-alert .mat-alert__description{font-size:12px;margin:5px 0 0}.mat-alert__closebtn{font-size:12px;opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.mat-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.mat-alert-fade-enter,.mat-alert-fade-leave-active{opacity:0}