wehub-resource-sync
43 lines
582 B
CSS
43 lines
582 B
CSS
/* Base spinner styles */
|
|
.spinner {
|
|
@apply pointer-events-none inline-flex size-6 shrink-0 animate-spin-fast motion-reduce:animate-none;
|
|
}
|
|
|
|
/* Size variants */
|
|
.spinner--sm {
|
|
@apply size-4;
|
|
}
|
|
|
|
.spinner--md {
|
|
/* No styles as this is the default size */
|
|
}
|
|
|
|
.spinner--lg {
|
|
@apply size-8;
|
|
}
|
|
|
|
.spinner--xl {
|
|
@apply size-10;
|
|
}
|
|
|
|
/* Color variants */
|
|
.spinner--current {
|
|
color: inherit;
|
|
}
|
|
|
|
.spinner--accent {
|
|
color: var(--accent);
|
|
}
|
|
|
|
.spinner--danger {
|
|
color: var(--danger);
|
|
}
|
|
|
|
.spinner--success {
|
|
color: var(--success);
|
|
}
|
|
|
|
.spinner--warning {
|
|
color: var(--warning);
|
|
}
|