yk-smart-ui-test
Version:
A Component Library for Vue.js.
1 lines • 2.31 kB
CSS
.yk-alert{width:100%;padding:8px 16px;margin:0;box-sizing:border-box;border-radius:4px;position:relative;background-color:#FFF;overflow:hidden;opacity:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;transition:opacity .2s}.yk-alert.is-light .el-alert__closebtn{color:rgba(44,40,54,.32)}.yk-alert.is-dark .el-alert__closebtn,.yk-alert.is-dark .el-alert__description{color:#FFF}.yk-alert.is-center{-ms-flex-pack:center;justify-content:center}.yk-alert--success.is-light{background-color:#edf7ee;color:#4CAF50}.yk-alert--success.is-light .el-alert__description{color:#4CAF50}.yk-alert--success.is-dark{background-color:#4CAF50;color:#FFF}.yk-alert--info.is-light{background-color:#f4f4f5;color:#909399}.yk-alert--info.is-dark{background-color:#909399;color:#FFF}.yk-alert--info .el-alert__description{color:#909399}.yk-alert--warning.is-light{background-color:#fbf1e8;color:#D87214}.yk-alert--warning.is-light .el-alert__description{color:#D87214}.yk-alert--warning.is-dark{background-color:#D87214;color:#FFF}.yk-alert--error.is-light{background-color:#fcecef;color:#DD425A}.yk-alert--error.is-light .el-alert__description{color:#DD425A}.yk-alert--error.is-dark{background-color:#DD425A;color:#FFF}.yk-alert__content{display:table-cell;padding:0 8px}.yk-alert__icon{font-size:16px;width:16px}.yk-alert__icon.is-big{font-size:28px;width:28px}.yk-alert__title{font-size:13px;line-height:18px}.yk-alert__title.is-bold{font-weight:700}.yk-alert__closebtn{font-size:12px;opacity:1;position:absolute;top:12px;right:15px;cursor:pointer;color:rgba(44,40,54,.22)}.yk-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.el-alert-fade-enter,.el-alert-fade-leave-active{opacity:0}.yk-alert-style{padding:7px 20px;border-radius:4px;border:1px solid #e6ecff;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.yk-alert__title-style{font-size:13px;line-height:22px}.yk-alert-info{background:#f3f6ff;color:#000}.yk-alert-success{background:#f5fbf5;color:#4CAF50;border-color:rgba(76,175,80,.12)}.yk-alert-warning{background:#fdf7f1;color:#D87214;border-color:rgba(216,114,20,.12)}.yk-alert-error{background:#fdf4f5;color:#DD425A;border-color:rgba(221,66,90,.12)}