@reown/appkit-scaffold-ui
Version:
The full stack toolkit to build onchain app UX.
44 lines (38 loc) • 1.17 kB
JavaScript
import { css } from 'lit';
export default css `
:host {
display: flex;
width: auto;
flex-direction: column;
gap: var(--wui-border-radius-1xs);
border-radius: var(--wui-border-radius-s);
background: var(--wui-color-gray-glass-002);
padding: var(--wui-spacing-s) var(--wui-spacing-1xs) var(--wui-spacing-1xs)
var(--wui-spacing-1xs);
}
wui-text {
padding: 0 var(--wui-spacing-1xs);
}
wui-flex {
margin-top: var(--wui-spacing-1xs);
}
.network {
cursor: pointer;
transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-lg);
will-change: background-color;
}
.network:focus-visible {
border: 1px solid var(--wui-color-accent-100);
background-color: var(--wui-color-gray-glass-005);
-webkit-box-shadow: 0px 0px 0px 4px var(--wui-box-shadow-blue);
-moz-box-shadow: 0px 0px 0px 4px var(--wui-box-shadow-blue);
box-shadow: 0px 0px 0px 4px var(--wui-box-shadow-blue);
}
.network:hover {
background-color: var(--wui-color-gray-glass-005);
}
.network:active {
background-color: var(--wui-color-gray-glass-010);
}
`;
//# sourceMappingURL=styles.js.map