elara-ui/lib/theme/message.css

Elara based on element-ui, and add other usefull components

.elara-message__closeBtn:focus,.elara-message__content:focus{outline-width:0}.elara-message{background-color:#edf2fc;overflow:hidden}.elara-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.elara-message.is-closable .elara-message__content{padding-right:16px}.elara-message p{margin:0}.elara-message--info .elara-message__content{color:#999}.elara-message--success{background-color:#e8f8e6;border-color:#d1f0cc}.elara-message--success .elara-message__content{color:#1bb500}.elara-message--warning{background-color:#fff5e6;border-color:#ffebcc}.elara-message--warning .elara-message__content{color:#ff9d00}.elara-message--error{background-color:#ffe6e6;border-color:#fcc}.elara-message--error .elara-message__content{color:red}.elara-message__content{padding:0;font-size:14px;line-height:1}.elara-message__closeBtn{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.elara-message{min-width:380px;border-radius:4px;border:none;-webkit-box-shadow:0 6px 40px rgba(0,0,0,.2);box-shadow:0 6px 40px rgba(0,0,0,.2);padding:30px;background:#FFF;position:fixed;display:block;-webkit-box-pack:initial;-ms-flex-pack:initial;justify-content:initial;-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;left:50%;top:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,transform .4s;transition:opacity .3s,transform .4s,-webkit-transform .4s;-webkit-box-sizing:border-box;box-sizing:border-box}.elara-message__main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.elara-message__main i{vertical-align:middle}.elara-message__main.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.elara-message__text{font-size:16px}.elara-message .elara-icon-success{color:#1bb500}.elara-message .elara-icon-error{color:red}.elara-message .elara-icon-info{color:#999}.elara-message .elara-icon-warning{color:#ff9d00}.elara-message .elara-icon-waiting{color:#0087ff}.elara-message__description{margin-left:40px;margin-top:5px;color:#999}.elara-message__icon{margin-right:10px;font-size:28px}.elara-message__closeBtn{position:absolute;top:15px;right:5px;cursor:pointer;color:#C0C4CC;font-size:16px}.elara-message__closeBtn:hover{color:#909399}.elara-message-fade-enter,.elara-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}