93 lines
1.1 KiB
SCSS
93 lines
1.1 KiB
SCSS
@keyframes expand {
|
|
0% {
|
|
margin-top: 200px;
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
margin-top: $spacing-vertical;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes loading-animation {
|
|
0% {
|
|
background-position: -500px 0;
|
|
}
|
|
|
|
100% {
|
|
background-position: 500px 0;
|
|
}
|
|
}
|
|
|
|
@keyframes pulse {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
|
|
50% {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes sk-stretchdelay {
|
|
0%,
|
|
40%,
|
|
100% {
|
|
transform: scaleY(0.4);
|
|
}
|
|
|
|
20% {
|
|
transform: scaleY(1);
|
|
}
|
|
}
|
|
|
|
@keyframes bounce {
|
|
0% {
|
|
width: 0;
|
|
}
|
|
|
|
10% {
|
|
width: 0.5rem;
|
|
}
|
|
|
|
20% {
|
|
width: 0;
|
|
}
|
|
|
|
30% {
|
|
width: 0.5rem;
|
|
}
|
|
|
|
40% {
|
|
width: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes menu-animate-in {
|
|
0% {
|
|
transform: translateY(-100%);
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform: translateY(0);
|
|
pointer-events: all;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes shadow-pulse {
|
|
0% {
|
|
background-color: rgba(37, 119, 97, 0.2);
|
|
box-shadow: 0 0 0 0px rgba(37, 119, 97, 0.2);
|
|
}
|
|
100% {
|
|
background-color: rgba(37, 119, 97, 0);
|
|
box-shadow: 0 0 0 35px rgba(37, 119, 97, 0);
|
|
}
|
|
}
|