2021-03-30 15:14:02 +02:00
|
|
|
import { makeStyles } from '@material-ui/styles';
|
|
|
|
|
|
|
|
export const useCommonStyles = makeStyles(theme => ({
|
|
|
|
contentSpacingY: {
|
|
|
|
'& > *': {
|
|
|
|
margin: '0.6rem 0',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
contentSpacingX: {
|
|
|
|
'& > *': {
|
|
|
|
margin: '0 0.8rem',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
divider: {
|
|
|
|
margin: '1rem 0',
|
|
|
|
backgroundColor: theme.palette.division.main,
|
|
|
|
height: '3px',
|
|
|
|
},
|
2021-04-19 10:55:15 +02:00
|
|
|
largeDivider: {
|
|
|
|
margin: '2rem 0',
|
|
|
|
backgroundColor: theme.palette.division.main,
|
|
|
|
height: '3px',
|
|
|
|
},
|
2021-03-30 15:14:02 +02:00
|
|
|
bold: {
|
|
|
|
fontWeight: 'bold',
|
|
|
|
},
|
|
|
|
flexRow: {
|
|
|
|
display: 'flex',
|
|
|
|
},
|
|
|
|
flexColumn: {
|
|
|
|
display: 'flex',
|
|
|
|
flexDirection: 'column',
|
|
|
|
},
|
|
|
|
flexWrap: {
|
|
|
|
flexWrap: 'wrap',
|
|
|
|
},
|
|
|
|
textCenter: {
|
|
|
|
textAlign: 'center',
|
|
|
|
},
|
2021-04-12 15:04:03 +02:00
|
|
|
fullWidth: {
|
|
|
|
width: '100%',
|
|
|
|
},
|
|
|
|
fullHeight: {
|
|
|
|
height: '100%',
|
|
|
|
},
|
2021-04-19 10:55:15 +02:00
|
|
|
title: {
|
|
|
|
fontSize: theme.fontSizes.mainHeader,
|
|
|
|
fontWeight: 'bold',
|
|
|
|
marginBottom: '0.5rem',
|
|
|
|
},
|
2021-03-30 15:14:02 +02:00
|
|
|
}));
|