refactor: add reusable styles properties

This commit is contained in:
Griffithtp 2019-08-08 21:58:15 +01:00
parent 40a25a2507
commit 4a526c92bb
7 changed files with 13 additions and 8 deletions

View File

@ -1,10 +1,11 @@
import styled from 'react-emotion';
import ListItem from '@material-ui/core/ListItem';
import Typography from '@material-ui/core/Typography';
import { fontWeight } from '../../utils/styles/sizes';
export const Heading = styled(Typography)({
'&&': {
fontWeight: 700,
fontWeight: fontWeight.bold,
textTransform: 'capitalize',
},
});

View File

@ -2,6 +2,7 @@ import styled from 'react-emotion';
import Typography from '@material-ui/core/Typography';
import { default as MuiFab } from '@material-ui/core/Fab';
import colors from '../../utils/styles/colors';
import { fontWeight } from '../../utils/styles/sizes';
export const Details = styled('span')({
display: 'flex',
@ -20,7 +21,7 @@ export const Content = styled('div')({
export const Heading = styled(Typography)({
'&&': {
fontWeight: 700,
fontWeight: fontWeight.bold,
marginBottom: '10px',
textTransform: 'capitalize',
},

View File

@ -5,10 +5,11 @@ import ListItem from '@material-ui/core/ListItem';
import Typography from '@material-ui/core/Typography';
import colors from '../../utils/styles/colors';
import { fontWeight } from '../../utils/styles/sizes';
export const Heading = styled(Typography)({
'&&': {
fontWeight: 700,
fontWeight: fontWeight.bold,
textTransform: 'capitalize',
},
});

View File

@ -1,10 +1,11 @@
import styled from 'react-emotion';
import ListItem from '@material-ui/core/ListItem';
import Typography from '@material-ui/core/Typography';
import { fontWeight } from '../../utils/styles/sizes';
export const Heading = styled(Typography)({
'&&': {
fontWeight: 700,
fontWeight: fontWeight.bold,
textTransform: 'capitalize',
},
});

View File

@ -49,7 +49,7 @@ export const InnerMobileNavBar = styled('div')({
backgroundColor: colors.greyLight,
color: colors.white,
width: '100%',
padding: '0px 5px',
padding: '0 5px',
margin: '0 10px 0 0',
},
});

View File

@ -1,8 +1,9 @@
import styled, { css } from 'react-emotion';
import colors from '../../utils/styles/colors';
export const Content = styled('div')({
'&&': {
backgroundColor: '#ffffff',
backgroundColor: colors.white,
flex: 1,
display: 'flex',
position: 'relative',

View File

@ -36,7 +36,7 @@ export const OverviewItem = styled('span')`
export const Icon = styled(Ico)({
'&&': {
margin: '2px 10px 0px 0',
margin: '2px 10px 0 0',
fill: colors.greyLight2,
},
});
@ -44,7 +44,7 @@ export const Icon = styled(Ico)({
export const Published = styled('span')({
'&&': {
color: colors.greyLight2,
margin: '0px 5px 0px 0px',
margin: '0 5px 0 0',
},
});