@reown/appkit-ui
Version:
#### 🔗 [Website](https://reown.com/appkit)
47 lines (42 loc) • 963 B
JavaScript
import { css } from 'lit';
export default css `
:host {
position: relative;
border-radius: inherit;
display: flex;
justify-content: center;
align-items: center;
width: var(--local-width);
height: var(--local-height);
}
:host([data-round='true']) {
background: var(--wui-color-gray-glass-002);
border-radius: 100%;
outline: 1px solid var(--wui-color-gray-glass-005);
}
svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
fill: var(--wui-color-gray-glass-002);
}
svg > path {
stroke: var(--local-stroke);
}
wui-image {
width: 100%;
height: 100%;
-webkit-clip-path: var(--local-path);
clip-path: var(--local-path);
background: var(--wui-color-gray-glass-002);
}
wui-icon {
transform: translateY(-5%);
width: var(--local-icon-size);
height: var(--local-icon-size);
}
`;
//# sourceMappingURL=styles.js.map