35 lines
631 B
SCSS
35 lines
631 B
SCSS
|
/* ===========================================================================
|
||
|
|
ANIMATIONS
|
||
|
|
=========================================================================== */
|
||
|
|
|
||
|
|
@keyframes expand-width {
|
||
|
|
0% {
|
||
|
|
width: 0;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes fade-in-from-bottom {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateY(0.25rem);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes fade-in-from-top {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateY(-0.25rem);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|