@femessage/element-ui
Version:
A Component Library for Vue.js.
1 lines • 1.96 kB
CSS
.el-message__closeBtn:focus,.el-message__content:focus{outline-width:0}.el-message{min-width:380px;-webkit-box-sizing:border-box;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%);transform:translateX(-50%);background-color:#edf2fc;-webkit-transition:opacity .3s,top .4s,-webkit-transform .4s;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:9999 }.el-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message.is-closable .el-message__content{padding-right:16px}.el-message p{margin:0}.el-message--info .el-message__content{color:#A7A8AD}.el-message--success{background-color:#eafaef;border-color:#d5f6e0}.el-message--success .el-message__content{color:#2FD163}.el-message--warning{background-color:#fef6e9;border-color:#fdedd3}.el-message--warning .el-message__content{color:#F5A623}.el-message--error{background-color:#ffeded;border-color:#ffdbdc}.el-message--error .el-message__content{color:#FF4D4F}.el-message__icon{margin-right:10px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#C6C7CA;font-size:16px}.el-message__closeBtn:hover{color:#A7A8AD}.el-message .el-icon-success{color:#2FD163}.el-message .el-icon-error{color:#FF4D4F}.el-message .el-icon-info{color:#A7A8AD}.el-message .el-icon-warning{color:#F5A623}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}