index.css31 lines · main
1/* Loaders */
2.shimmering-loader {
3 animation: shimmer 2s infinite linear;
4 background: linear-gradient(
5 to right,
6 hsl(var(--border-default)) 4%,
7 hsl(var(--background-surface-200)) 25%,
8 hsl(var(--border-default)) 36%
9 );
10 background-size: 1000px 100%;
11}
12
13.dark .shimmering-loader {
14 animation: shimmer 2s infinite linear;
15 background: linear-gradient(
16 to right,
17 hsl(var(--border-default)) 4%,
18 hsl(var(--border-control)) 25%,
19 hsl(var(--border-default)) 36%
20 );
21 background-size: 1000px 100%;
22}
23
24@keyframes shimmer {
25 0% {
26 background-position: -1000px 0;
27 }
28 100% {
29 background-position: 1000px 0;
30 }
31}