go-ethereum/src/theme/components/Link.ts
2022-11-16 15:03:37 -08:00

30 lines
810 B
TypeScript

export const Link = {
variants: {
'button-link-secondary': {
color: 'primary',
bg: 'button-bg',
_hover: { textDecoration: 'none', bg: 'primary', color: 'bg' },
_focus: {
textDecoration: 'none',
bg: 'primary',
color: 'bg',
boxShadow: 'inset 0 0 0 3px var(--chakra-colors-bg)'
},
_active: { textDecoration: 'none', bg: 'secondary', color: 'bg' }
},
light: {
textDecoration: 'underline',
color: 'primary',
_hover: { color: 'body', textDecorationColor: 'body' },
_focus: {
color: 'primary',
boxShadow: '0 0 0 1px var(--chakra-colors-primary)',
textDecoration: 'none'
},
_pressed: {
color: 'secondary',
textDecorationColor: 'secondary'
}
}
}
};