@reown/appkit-ui
Version:
#### 🔗 [Website](https://reown.com/appkit)
49 lines (43 loc) • 1.05 kB
JavaScript
import { css } from 'lit';
export default css `
:host {
position: relative;
user-select: none;
display: block;
overflow: hidden;
aspect-ratio: 1 / 1;
width: var(--local-size);
}
:host([data-theme='dark']) {
border-radius: clamp(0px, var(--wui-border-radius-l), 40px);
background-color: var(--wui-color-inverse-100);
padding: var(--wui-spacing-l);
}
:host([data-theme='light']) {
box-shadow: 0 0 0 1px var(--wui-color-bg-125);
background-color: var(--wui-color-bg-125);
}
:host([data-clear='true']) > wui-icon {
display: none;
}
svg:first-child,
wui-image,
wui-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
wui-image {
width: 25%;
height: 25%;
border-radius: var(--wui-border-radius-xs);
}
wui-icon {
width: 100%;
height: 100%;
color: var(--local-icon-color) !important;
transform: translateY(-50%) translateX(-50%) scale(0.25);
}
`;
//# sourceMappingURL=styles.js.map