vue-easy-notify/dist/vue-easy-notify.css

Very simple and minimal vue notification plugin.

.fade-enter-active[data-v-918cfbf2]{-webkit-animation:fadeInUp-data-v-918cfbf2 .3s ease-out;animation:fadeInUp-data-v-918cfbf2 .3s ease-out}.fade-leave-active[data-v-918cfbf2]{-webkit-animation:fadeOutUp-data-v-918cfbf2 .3s ease-out;animation:fadeOutUp-data-v-918cfbf2 .3s ease-out}@-webkit-keyframes fadeOutUp-data-v-918cfbf2{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp-data-v-918cfbf2{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@-webkit-keyframes fadeInUp-data-v-918cfbf2{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}@keyframes fadeInUp-data-v-918cfbf2{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.msg[data-v-918cfbf2]{padding:1rem;margin:.25rem 0;color:#fff;display:flex;justify-content:space-between;align-items:center;width:80%;border-radius:.25rem;line-height:1.35rem}.msg svg[data-v-918cfbf2]{width:1.25rem;height:1.25rem;fill:#fff}.msg .close-icon[data-v-918cfbf2]{width:1rem;height:1rem;fill:#fff;cursor:pointer}.msg.msg-success[data-v-918cfbf2]{background-color:#68d391}.msg.msg-info[data-v-918cfbf2]{background-color:#63b3ed}.msg.msg-error[data-v-918cfbf2]{background-color:#fc8181}.msg.msg-warning[data-v-918cfbf2]{background-color:#f6ad55}.msg.msg-sm[data-v-918cfbf2]{width:auto;min-width:28%;max-width:80%}@media (max-width:1024px){.msg.msg-sm[data-v-918cfbf2]{min-width:50%}}.msg.msg-sm .close-icon[data-v-918cfbf2]{margin:0 0 0 .5rem}.msg-container[data-v-55f914e0]{position:fixed;top:2%;left:0;width:100%;z-index:1000000;display:flex;flex-direction:column;align-items:center}.msg-container.show-bottom[data-v-55f914e0]{top:unset;bottom:2%}