@reown/appkit-ui
Version:
The full stack toolkit to build onchain app UX.
44 lines (41 loc) • 1.19 kB
JavaScript
import { css } from '../../utils/ThemeHelperUtil.js';
export default css `
:host {
display: block;
width: var(--local-width);
height: var(--local-height);
border-radius: ${({ borderRadius }) => borderRadius[16]};
overflow: hidden;
position: relative;
}
:host([data-variant='generated']) {
--mixed-local-color-1: var(--local-color-1);
--mixed-local-color-2: var(--local-color-2);
--mixed-local-color-3: var(--local-color-3);
--mixed-local-color-4: var(--local-color-4);
--mixed-local-color-5: var(--local-color-5);
}
:host([data-variant='generated']) {
background: radial-gradient(
var(--local-radial-circle),
#fff 0.52%,
var(--mixed-local-color-5) 31.25%,
var(--mixed-local-color-3) 51.56%,
var(--mixed-local-color-2) 65.63%,
var(--mixed-local-color-1) 82.29%,
var(--mixed-local-color-4) 100%
);
}
:host([data-variant='default']) {
background: radial-gradient(
75.29% 75.29% at 64.96% 24.36%,
#fff 0.52%,
#f5ccfc 31.25%,
#dba4f5 51.56%,
#9a8ee8 65.63%,
#6493da 82.29%,
#6ebdea 100%
);
}
`;
//# sourceMappingURL=styles.js.map