Icon styles.js

50% Statements 2/4

0% Branches 0/4

0% Functions 0/2

50% Lines 2/4

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  
 
1x
 
 
 
 
 
 
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import styled, { css } from 'styled-components';
 
const size = {
    xsmall: 16,
    small: 24,
    medium: 40,
    large: 48,
    xlarge: 72,
};
 
const StyledIcon = styled.i`
    position: relative;
    cursor: pointer;
    text-align: center;
 
    ${props =>
        props.size &&
        css`
            height: ${size[props.size]}px;
            width: ${size[props.size]}px;
            font-size: ${size[props.size]}px;
        `} ${props =>
            props.color &&
            css`
                color: ${props.color};
            `};
`;
 
export { StyledIcon };