36 lines
437 B
CSS
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;
|
|
}
|
|
}
|