misc_pterodactyl-panel/resources/assets/styles/components/animations.css
2018-05-26 17:20:36 -07:00

36 lines
437 B
CSS

.animate {
&.fadein {
animation: fadein 500ms;
}
}
.fade-enter-active {
animation: fadein 500ms;
}
.fade-leave-active {
animation: fadein 500ms reverse;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes onlineblink {
0% {
@apply .bg-green;
}
100% {
@apply .bg-green-dark;
}
}
@keyframes offlineblink {
0% {
@apply .bg-red;
}
100% {
@apply .bg-red-dark;
}
}