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

A Component Library for Vue.js.

.el-notification{display:flex;width:330px;padding:14px 26px 14px 13px;border-radius:4px;box-sizing:border-box;border:1px solid #d2d2d2;position:fixed;background-color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.08);transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;overflow:hidden}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{margin-left:8px;margin-right:8px}.el-notification__title{font-weight:700;font-size:16px;color:#333;margin:0}.el-notification__content{font-size:14px;line-height:21px;margin:6px 0 0;color:#333;text-align:justify}.el-notification__content p{margin:0;word-wrap:break-word;word-break:break-all}.el-notification__icon{height:20px;width:20px;font-size:20px}.el-notification__closeBtn{position:absolute;top:16px;right:13px;cursor:pointer;color:#333;font-size:16px;padding:2px}.el-notification__closeBtn:hover{color:#333}.el-notification .el-icon-info.is-primary{color:#1890ff}.el-notification .el-icon-success{color:#57B21C}.el-notification .el-icon-error{color:#E82F2F}.el-notification .el-icon-info{color:#999}.el-notification .el-icon-warning{color:#FC9306}.el-notification-fade-enter.right{right:0;transform:translateX(100%)}.el-notification-fade-enter.left{left:0;transform:translateX(-100%)}.el-notification-fade-leave-active{opacity:0}