@reown/appkit-ui
Version:
#### 🔗 [Website](https://reown.com/appkit)
40 lines (36 loc) • 979 B
JavaScript
import { css } from 'lit';
export default css `
:host {
position: relative;
}
button {
display: flex;
justify-content: center;
align-items: center;
height: 48px;
width: 100%;
background-color: var(--wui-color-accent-glass-010);
border-radius: var(--wui-border-radius-xs);
border: 1px solid var(--wui-color-accent-glass-010);
transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-md);
will-change: background-color;
}
wui-tooltip {
padding: 7px var(--wui-spacing-s) 8px var(--wui-spacing-s);
position: absolute;
top: -8px;
left: 50%;
transform: translate(-50%, -100%);
opacity: 0;
display: none;
}
@media (hover: hover) and (pointer: fine) {
button:hover:enabled {
background-color: var(--wui-color-accent-glass-015);
}
button:active:enabled {
background-color: var(--wui-color-accent-glass-020);
}
}
`;
//# sourceMappingURL=styles.js.map