33 lines
486 B
CSS
33 lines
486 B
CSS
.root {
|
|
@apply inline-flex items-center text-center leading-7;
|
|
}
|
|
|
|
.root span {
|
|
@apply h-2 w-2 rounded-full bg-zinc-200;
|
|
animation-name: blink;
|
|
animation-duration: 1.4s;
|
|
animation-iteration-count: infinite;
|
|
animation-fill-mode: both;
|
|
margin: 0 2px;
|
|
}
|
|
|
|
.root span:nth-of-type(2) {
|
|
animation-delay: 0.2s;
|
|
}
|
|
|
|
.root span:nth-of-type(3) {
|
|
animation-delay: 0.4s;
|
|
}
|
|
|
|
@keyframes blink {
|
|
0% {
|
|
opacity: 0.2;
|
|
}
|
|
20% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0.2;
|
|
}
|
|
}
|