UNPKG

@reown/appkit-scaffold-ui

Version:

#### 🔗 [Website](https://reown.com/appkit)

63 lines (54 loc) • 1.54 kB
import { css } from 'lit'; export default css ` wui-flex { width: 100%; } wui-icon-link { margin-right: calc(var(--wui-icon-box-size-md) * -1); } .account-links { display: flex; justify-content: space-between; align-items: center; } .account-links wui-flex { cursor: pointer; display: flex; align-items: center; justify-content: center; flex: 1; background: red; align-items: center; justify-content: center; height: 48px; padding: 10px; flex: 1 0 0; border-radius: var(--XS, 16px); border: 1px solid var(--dark-accent-glass-010, rgba(71, 161, 255, 0.1)); background: var(--dark-accent-glass-010, rgba(71, 161, 255, 0.1)); transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-md); will-change: background-color; } .account-links wui-flex:hover { background: var(--dark-accent-glass-015, rgba(71, 161, 255, 0.15)); } .account-links wui-flex wui-icon { width: var(--S, 20px); height: var(--S, 20px); } .account-links wui-flex wui-icon svg path { stroke: #47a1ff; } .account-settings-button { padding: calc(var(--wui-spacing-m) - 1px) var(--wui-spacing-2l); height: 40px; border-radius: var(--wui-border-radius-xxs); border: 1px solid var(--wui-color-gray-glass-002); background: var(--wui-color-gray-glass-002); cursor: pointer; } .account-settings-button:hover { background: var(--wui-color-gray-glass-005); } `; //# sourceMappingURL=styles.js.map