43 lines
750 B
SCSS
43 lines
750 B
SCSS
/* ===========================================================================
|
|
ANIMATIONS
|
|
=========================================================================== */
|
|
|
|
@keyframes expand-outline {
|
|
0% {
|
|
outline-offset: 0;
|
|
}
|
|
100% {
|
|
outline-offset: 4px;
|
|
}
|
|
}
|
|
|
|
@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);
|
|
}
|
|
}
|