mirror of
https://github.com/ethereum/go-ethereum.git
synced 2026-03-01 00:53:47 +00:00
93c255ce39
* fix: link styling for various states updates hover/active/focus link states to match design system * hover underline color to secondary
30 lines
825 B
TypeScript
30 lines
825 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: 'secondary' },
|
|
_focus: {
|
|
color: 'primary',
|
|
boxShadow: '0 0 0 1px var(--chakra-colors-primary) !important',
|
|
textDecoration: 'none'
|
|
},
|
|
_active: {
|
|
color: 'secondary',
|
|
textDecorationColor: 'secondary'
|
|
}
|
|
}
|
|
}
|
|
};
|