2017-10-31 12:29:15 +02:00
|
|
|
import remcalc from 'remcalc';
|
|
|
|
import styled from 'styled-components';
|
|
|
|
|
2017-11-23 14:18:38 +02:00
|
|
|
export default styled.span`
|
2018-02-01 12:38:12 +02:00
|
|
|
width: ${props => props.size || remcalc(6)};
|
|
|
|
height: ${props => props.size || remcalc(6)};
|
2018-01-16 19:45:19 +02:00
|
|
|
border-radius: 50%;
|
2017-10-31 12:29:15 +02:00
|
|
|
background-color: ${props => props.theme[props.color]};
|
|
|
|
display: inline-block;
|
2018-02-01 17:33:58 +02:00
|
|
|
margin-right: ${props => props.right || remcalc(0)};
|
|
|
|
margin-left: ${props => props.left || remcalc(0)};
|
2017-11-23 14:18:38 +02:00
|
|
|
`;
|