adding primary font and updating css for radio component

This commit is contained in:
Alex Windett 2016-12-15 14:01:02 +00:00
parent d1d45c7c61
commit dca6b9e052
3 changed files with 6 additions and 3 deletions

View File

@ -14,9 +14,10 @@ const {
const { const {
default: styled, default: styled,
css
} = Styled; } = Styled;
const CustomInputCircle = ` const CustomInputCircle = css`
content: ''; content: '';
position: absolute; position: absolute;
width: 8px; width: 8px;

View File

@ -6,7 +6,8 @@ const Styled = require('styled-components');
const { const {
boxes, boxes,
colors colors,
typography
} = constants; } = constants;
const { const {
@ -47,7 +48,7 @@ const StyledToggleLabel = styled.div`
&::before { &::before {
content: "Off"; content: "Off";
font-family: inherit; font-family: ${typography.fontPrimary};
font-size: inherit; font-size: inherit;
font-weight: bold; font-weight: bold;
position: absolute; position: absolute;

View File

@ -102,6 +102,7 @@ const colors = {
}; };
const typography = { const typography = {
fontPrimary: 'sans serif',
dtFontWeight: 'bold', dtFontWeight: 'bold',
abbrBorderColor: colors.grayLight, abbrBorderColor: colors.grayLight,
textMuted: colors.grayLight textMuted: colors.grayLight