UNPKG

@ozen-ui/kit

Version:

React component library

37 lines (31 loc) 660 B
.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); } }