@reown/appkit-ui
Version:
#### 🔗 [Website](https://reown.com/appkit)
43 lines (41 loc) • 1.1 kB
JavaScript
import { css } from 'lit';
export default css `
:host {
display: block;
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
background: linear-gradient(
120deg,
var(--wui-color-bg-200) 5%,
var(--wui-color-bg-200) 48%,
var(--wui-color-bg-300) 55%,
var(--wui-color-bg-300) 60%,
var(--wui-color-bg-300) calc(60% + 10px),
var(--wui-color-bg-200) calc(60% + 12px),
var(--wui-color-bg-200) 100%
);
background-size: 250%;
animation: shimmer 3s linear infinite reverse;
}
:host([variant='light']) {
background: linear-gradient(
120deg,
var(--wui-color-bg-150) 5%,
var(--wui-color-bg-150) 48%,
var(--wui-color-bg-200) 55%,
var(--wui-color-bg-200) 60%,
var(--wui-color-bg-200) calc(60% + 10px),
var(--wui-color-bg-150) calc(60% + 12px),
var(--wui-color-bg-150) 100%
);
background-size: 250%;
}
@keyframes shimmer {
from {
background-position: -250% 0;
}
to {
background-position: 250% 0;
}
}
`;
//# sourceMappingURL=styles.js.map