@ozen-ui/kit
Version:
React component library
37 lines (31 loc) • 660 B
CSS
.Loader {
--loader-color: var(--color-background-action);
color: var(--loader-color);
vertical-align: top;
display: inline-flex;
border: 2px solid currentcolor;
border-inline-end-color: transparent;
border-radius: 50%;
animation: 0.75s linear infinite spinner-border;
}
.Loader_size_s {
inline-size: 12px;
block-size: 12px;
}
.Loader_size_m {
inline-size: 20px;
block-size: 20px;
}
.Loader_size_l {
inline-size: 28px;
block-size: 28px;
}
.Loader_size_xl {
inline-size: 44px;
block-size: 44px;
}
@keyframes spinner-border {
to {
transform: rotate(360deg);
}
}