@reown/appkit-scaffold-ui
Version:
#### 🔗 [Website](https://reown.com/appkit)
63 lines (54 loc) • 1.54 kB
JavaScript
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