@reown/appkit-ui
Version:
The full stack toolkit to build onchain app UX.
37 lines (34 loc) • 1.16 kB
JavaScript
import { css } from '../../utils/ThemeHelperUtil.js';
export default css `
:host {
flex: 1;
height: 100%;
}
button {
width: 100%;
height: 100%;
display: inline-flex;
align-items: center;
padding: ${({ spacing }) => spacing[1]} ${({ spacing }) => spacing[2]};
column-gap: ${({ spacing }) => spacing[1]};
color: ${({ tokens }) => tokens.theme.textSecondary};
border-radius: ${({ borderRadius }) => borderRadius[20]};
background-color: transparent;
transition: background-color ${({ durations }) => durations['lg']}
${({ easings }) => easings['ease-out-power-2']};
will-change: background-color;
}
/* -- Hover & Active states ----------------------------------------------------------- */
button[data-active='true'] {
color: ${({ tokens }) => tokens.theme.textPrimary};
background-color: ${({ tokens }) => tokens.theme.foregroundTertiary};
}
button:hover:enabled:not([data-active='true']),
button:active:enabled:not([data-active='true']) {
wui-text,
wui-icon {
color: ${({ tokens }) => tokens.theme.textPrimary};
}
}
`;
//# sourceMappingURL=styles.js.map