element-gui/packages/theme-chalk/lib/alert.css

A Component Library for Vue.js.

.el-alert{width:100%;padding:10px 20px;margin:0;box-sizing:border-box;border-radius:2px;position:relative;background-color:#fff;overflow:hidden;opacity:1;display:flex;transition:opacity .2s}.el-alert__icon,.el-alert__icon.is-big{font-size:20px;width:20px}.el-alert.is-light{border:1px solid}.el-alert.is-light .el-alert__closebtn{color:#666}.el-alert.is-light .el-alert__closebtn:hover,.el-alert.is-light .el-alert__description,.el-alert.is-light .el-alert__title{color:#333}.el-alert.is-dark .el-alert__closebtn,.el-alert.is-dark .el-alert__description{color:#fff}.el-alert.is-center{justify-content:center}.el-alert--primary.is-light{background-color:#e8f4ff;color:#1890ff;border-color:#74bcff}.el-alert--primary.is-dark{background-color:#1890ff;color:#fff}.el-alert--success.is-light{background-color:#eef7e8;color:#57B21C;border-color:#9ad177}.el-alert--success.is-dark{background-color:#57B21C;color:#fff}.el-alert--info.is-light{background-color:#f5f5f5;color:#999;border-color:#c2c2c2}.el-alert--info.is-dark{background-color:#adadad;color:#fff}.el-alert--warning.is-light{background-color:#fff4e6;color:#FC9306;border-color:#fdbe6a}.el-alert--warning.is-dark{background-color:#FC9306;color:#fff}.el-alert--error.is-light{background-color:#fdeaea;color:#E82F2F;border-color:#f18282}.el-alert--error.is-dark{background-color:#E82F2F;color:#fff}.el-alert__content{display:table-cell}.el-alert__icon{margin-right:8px}.el-alert__title{font-size:14px;line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert .el-alert__description{font-size:12px;margin:5px 0 0}.el-alert__closebtn{font-size:12px;opacity:1;position:absolute;top:10px;right:10px;cursor:pointer;padding:4px}.el-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:12px;padding:0 4px}.el-alert-fade-enter,.el-alert-fade-leave-active{opacity:0}