27 lines
671 B
JavaScript
27 lines
671 B
JavaScript
import styled from 'styled-components';
|
|
import remcalc from 'remcalc';
|
|
import is from 'styled-is';
|
|
|
|
export default styled.sup`
|
|
position: absolute;
|
|
margin-left: ${remcalc(6)};
|
|
font-weight: ${props => props.theme.font.weight.semibold};
|
|
line-height: normal;
|
|
font-size: ${remcalc(8)};
|
|
color: ${props => props.theme.primary};
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
${is('badge')`
|
|
border-radius: ${remcalc(3)};
|
|
padding: ${remcalc(2)} ${remcalc(3)};
|
|
background: ${props => props.theme.primary};
|
|
color: ${props => props.theme.white};
|
|
`};
|
|
|
|
${is('alert')`
|
|
color: ${props => props.theme.orangeDark}
|
|
`};
|
|
`;
|