byted-vui
Version:
A Component Library for Vue.js.
1 lines • 1.43 kB
CSS
.vi-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}.vi-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vi-alert--success{background-color:#f0f9eb;color:#67c23a}.vi-alert--success .vi-alert__description{color:#67c23a}.vi-alert--info{background-color:#f4f4f5;color:#909399}.vi-alert--info .vi-alert__description{color:#909399}.vi-alert--warning{background-color:#fdf6ec;color:#e6a23c}.vi-alert--warning .vi-alert__description{color:#e6a23c}.vi-alert--error{background-color:#fef0f0;color:#f56c6c}.vi-alert--error .vi-alert__description{color:#f56c6c}.vi-alert__content{display:table-cell;padding:0 8px}.vi-alert__icon{font-size:16px;width:16px}.vi-alert__icon.is-big{font-size:28px;width:28px}.vi-alert__title{font-size:13px;line-height:18px}.vi-alert__title.is-bold{font-weight:700}.vi-alert .vi-alert__description{font-size:12px;margin:5px 0 0}.vi-alert__closebtn{font-size:12px;color:#c0c4cc;opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.vi-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.vi-alert-fade-enter,.vi-alert-fade-leave-active{opacity:0}