Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | 54x | import { cssClass } from '../styled'; import { palette, theme } from '../utils'; export const Link = styleProps => cssClass` color: ${palette('primary')(styleProps)}; fill: ${palette('primary')(styleProps)}; cursor: pointer; text-decoration: underline; text-decoration-skip: ink edges; &:hover { color: ${palette('primary900')(styleProps)}; fill: ${palette('primary900')(styleProps)}; & { ${theme(styleProps.themeKey, `css.hover`)(styleProps)}; } } &:focus { outline-style: dashed; & { ${theme(styleProps.themeKey, `css.focus`)(styleProps)}; } } & .fp-Icon { vertical-align: -0.125em; } & { ${theme(styleProps.themeKey, `css.root`)(styleProps)}; } `; |