18 lines
374 B
SCSS
18 lines
374 B
SCSS
// Animations on load
|
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
.appear-from-top {
|
|
animation: fadeIn .2s var(--timing-function);
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(-1rem);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
}
|