@reown/appkit-ui
Version:
#### 🔗 [Website](https://reown.com/appkit)
71 lines (59 loc) • 1.13 kB
JavaScript
import { css } from 'lit';
export default css `
:host {
display: flex;
}
:host([data-size='sm']) > svg {
width: 12px;
height: 12px;
}
:host([data-size='md']) > svg {
width: 16px;
height: 16px;
}
:host([data-size='lg']) > svg {
width: 24px;
height: 24px;
}
:host([data-size='xl']) > svg {
width: 32px;
height: 32px;
}
svg {
animation: rotate 2s linear infinite;
}
circle {
fill: none;
stroke: var(--local-color);
stroke-width: 4px;
stroke-dasharray: 1, 124;
stroke-dashoffset: 0;
stroke-linecap: round;
animation: dash 1.5s ease-in-out infinite;
}
:host([data-size='md']) > svg > circle {
stroke-width: 6px;
}
:host([data-size='sm']) > svg > circle {
stroke-width: 8px;
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes dash {
0% {
stroke-dasharray: 1, 124;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 124;
stroke-dashoffset: -35;
}
100% {
stroke-dashoffset: -125;
}
}
`;
//# sourceMappingURL=styles.js.map