yk-smart-ui-test/packages/theme-chalk/lib/message.css

A Component Library for Vue.js.

.yk-message{min-width:380px;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%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#edf2fc;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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.yk-message.is-center{-ms-flex-pack:center;justify-content:center}.yk-message.is-closable .el-message__content{padding-right:16px;padding-left:28px}.yk-message p{margin:0}.yk-message--info .el-message__content{color:#909399}.yk-message--success{background-color:#edf7ee;border-color:#dbefdc}.yk-message--success .el-message__content{color:#4CAF50}.yk-message--warning{background-color:#fbf1e8;border-color:#f7e3d0}.yk-message--warning .el-message__content{color:#D87214}.yk-message--error{background-color:#fcecef;border-color:#f8d9de}.yk-message--error .el-message__content{color:#DD425A}.yk-message__icon{margin-right:10px}.yk-message__content{padding:0;font-size:14px;line-height:22px}.yk-message__content:focus{outline-width:0}.yk-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:rgba(44,40,54,.32);font-size:16px}.yk-message__closeBtn:focus{outline-width:0}.yk-message__closeBtn:hover{color:#909399}.yk-message .el-icon-success{color:#4CAF50}.yk-message .el-icon-error{color:#DD425A}.yk-message .el-icon-info{color:#909399}.yk-message .el-icon-warning{color:#D87214}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.yk-message-style{padding:7px 20px;box-shadow:4px 4px 8px 0 rgba(111,144,194,.02),-4px 4px 8px 0 rgba(111,144,194,.02),4px 4px 8px 0 rgba(60,102,165,.04),-4px 4px 8px 0 rgba(60,102,165,.04);border-radius:4px;font-size:14px;font-weight:400;line-height:22px}.yk-message-normal{background:#f3f6ff;color:rgba(44,40,54,.88);border:1px solid rgba(46,99,253,.12)}.yk-message-success{background:#f5fbf5;color:#4CAF50;border:1px solid rgba(76,175,80,.12)}.yk-message-warning{background:#fdf7f1;color:#D87214;border:1px solid rgba(216,114,20,.12)}.yk-message-error{background:#fdf4f5;color:#DD425A;border:1px solid rgba(221,66,90,.12)}.yk-message-loading{background:#f7fafe;color:rgba(44,40,54,.88);border:1px solid rgba(44,40,54,.08)}.yk-message__content-style{padding-left:12px}