62 lines
No EOL
841 B
CSS
62 lines
No EOL
841 B
CSS
/* Transition for modal background appearing/disappearing */
|
|
.fade-enter-active, .fade-leave-active {
|
|
transition: opacity .5s;
|
|
}
|
|
|
|
.fade-enter, .fade-leave-to {
|
|
opacity: 0;
|
|
}
|
|
|
|
|
|
|
|
/* Transition for modal card appearing disappearing */
|
|
.burst-enter-active {
|
|
animation: burst-in .5s;
|
|
}
|
|
.burst-leave-active { animation: burst-out .5s; }
|
|
|
|
@keyframes burst-in {
|
|
0% {
|
|
transform: scale(0);
|
|
}
|
|
100% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
@keyframes burst-out {
|
|
0% {
|
|
transform: scale(1);
|
|
}
|
|
100% {
|
|
transform: scale(0);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (min-width: 768px) {
|
|
@keyframes burst-in {
|
|
0% {
|
|
transform: scale(0);
|
|
}
|
|
50% {
|
|
transform: scale(1.25);
|
|
}
|
|
100% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
@keyframes burst-out {
|
|
0% {
|
|
transform: scale(1);
|
|
}
|
|
50% {
|
|
transform: scale(1.25);
|
|
}
|
|
100% {
|
|
transform: scale(0);
|
|
}
|
|
}
|
|
} |