@retailmenot/anchor
Version:
A React UI Library by RetailMeNot
23 lines • 658 B
JavaScript
// VENDOR
import styled, { css } from '@xstyled/styled-components';
import { space as spaceStyles } from '@xstyled/system';
export const Scale = {
xs: 8,
sm: 14,
md: 16,
lg: 24,
xl: 32,
xxl: 48,
};
export const DefaultColor = 'currentColor';
export const DefaultScale = 'md';
export const StyledIcon = styled('span') `
${spaceStyles};
display: inline-block;
height: ${({ scale = 'md' }) => `${Scale[scale] / 16}rem`};
width: ${({ scale = 'md' }) => `${Scale[scale] / 16}rem`};
line-height: 0;
${({ $color }) => css({ color: $color })}
`;
StyledIcon.displayName = 'AnchorIcon';
//# sourceMappingURL=utils.js.map