@reown/appkit-ui
Version:
#### 🔗 [Website](https://reown.com/appkit)
42 lines (37 loc) • 1.08 kB
JavaScript
import { css } from 'lit';
export default css `
:host {
display: block;
}
button {
border-radius: var(--wui-border-radius-3xl);
display: flex;
gap: var(--wui-spacing-xs);
padding: var(--wui-spacing-2xs) var(--wui-spacing-s) var(--wui-spacing-2xs)
var(--wui-spacing-xs);
border: 1px solid var(--wui-color-gray-glass-010);
background-color: var(--wui-color-gray-glass-005);
color: var(--wui-color-fg-100);
}
button:disabled {
border: 1px solid var(--wui-color-gray-glass-005);
background-color: var(--wui-color-gray-glass-015);
color: var(--wui-color-gray-glass-015);
}
@media (hover: hover) and (pointer: fine) {
button:hover:enabled {
background-color: var(--wui-color-gray-glass-010);
}
button:active:enabled {
background-color: var(--wui-color-gray-glass-015);
}
}
wui-image,
wui-icon-box {
border-radius: var(--wui-border-radius-3xl);
width: 24px;
height: 24px;
box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
}
`;
//# sourceMappingURL=styles.js.map