27 lines
386 B
CSS
27 lines
386 B
CSS
@theme {
|
|
--animate-loading: loading 1s ease-in-out infinite;
|
|
--animate-cursor-blink: blink 1s step-end infinite;
|
|
|
|
@keyframes blink {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
50% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes loading {
|
|
0% {
|
|
transform: scaleY(1);
|
|
}
|
|
30% {
|
|
transform: scaleY(0.35);
|
|
background-color: var(--color-loader-primary-hl);
|
|
}
|
|
60% {
|
|
transform: scaleY(1);
|
|
}
|
|
}
|
|
}
|