Link styles.ts

100% Statements 2/2

100% Branches 0/0

100% Functions 1/1

100% Lines 1/1

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)};
  }
`;