2018-03-31 20:52:11 +00:00
|
|
|
.animate {
|
|
|
|
&.fadein {
|
|
|
|
animation: fadein 500ms;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-05-26 21:50:38 +00:00
|
|
|
.fade-enter-active {
|
|
|
|
animation: fadein 500ms;
|
|
|
|
}
|
|
|
|
|
|
|
|
.fade-leave-active {
|
|
|
|
animation: fadein 500ms reverse;
|
|
|
|
}
|
|
|
|
|
2018-03-31 20:52:11 +00:00
|
|
|
@keyframes fadein {
|
|
|
|
from { opacity: 0; }
|
|
|
|
to { opacity: 1; }
|
|
|
|
}
|
2018-05-27 00:20:36 +00:00
|
|
|
|
|
|
|
@keyframes onlineblink {
|
|
|
|
0% {
|
|
|
|
@apply .bg-green;
|
|
|
|
}
|
|
|
|
100% {
|
|
|
|
@apply .bg-green-dark;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes offlineblink {
|
|
|
|
0% {
|
|
|
|
@apply .bg-red;
|
|
|
|
}
|
|
|
|
100% {
|
|
|
|
@apply .bg-red-dark;
|
|
|
|
}
|
|
|
|
}
|