@guardian/threads
Version:
44 lines (36 loc) • 587 B
CSS
.spinner {
display: flex;
align-items: center;
justify-content: center;
color: currentColor;
animation: spinner 1s linear infinite;
width: 80%;
height: 80%;
margin: 0 auto;
}
.spinner[data-cloud] {
color: var(--non-semantic-color-neutral-98);
}
.wrapper {
position: relative;
transform: scaleX(-1);
width: 1em;
height: 1em;
}
.overlap {
position: absolute;
top: 0;
left: 0;
}
.cloud {
color: var(--non-semantic-color-neutral-0);
font-size: 1.5em;
position: absolute;
top: -0.17em;
left: -0.2em;
}
@keyframes spinner {
to {
transform: rotate(-360deg);
}
}