All files / src/components/AddOrgModal styles.js

100% Statements 2/2
100% Branches 0/0
100% Functions 1/1
100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71    61x                                                                                                                                        
import makeStyles from '@material-ui/core/styles/makeStyles';
 
const useStyles = makeStyles(theme => ({
  modal: {
    display: 'flex',
    flexWrap: 'wrap',
    justifyContent: 'center',
  },
  AddOrgStyle: {
    backgroundColor: theme.palette.background.primary,
    backgroundImage: 'url(/images/world-view.png)',
    backgroundRepeat: 'no-repeat',
    maxWidth: '905px',
    padding: '40px 0 71px 0',
    alignItems: 'center',
    textAlign: 'left',
    '& h1': {
      color: theme.palette.text.bright,
      padding: '0px',
      margin: '0px',
      [theme.breakpoints.up('xs')]: {
        fontSize: '26px',
      },
      [theme.breakpoints.up('sm')]: {
        fontSize: '30px',
      },
      [theme.breakpoints.up('md')]: {
        fontSize: '36px',
      },
    },
    '& h2': {
      color: theme.palette.text.secondary,
      margin: '0px',
      [theme.breakpoints.up('xs')]: {
        fontSize: '16px',
        padding: '20px 0px 4px 0px',
      },
      [theme.breakpoints.up('sm')]: {
        fontSize: '20px',
        padding: '30px 0px 10px 0px',
      },
      [theme.breakpoints.up('md')]: {
        fontSize: '24px',
        padding: '40px 0px 16px 0px',
      },
    },
    '& h3': {
      color: theme.palette.text.secondary,
      margin: '0px',
      [theme.breakpoints.up('xs')]: {
        fontSize: '14px',
        padding: '4px 0px',
      },
      [theme.breakpoints.up('sm')]: {
        fontSize: '17px',
        padding: '6px 0px',
      },
      [theme.breakpoints.up('md')]: {
        fontSize: '20px',
        padding: '8px 0px',
      },
    },
    '& label': {
      fontSize: '30px',
      color: theme.palette.text.secondary,
    },
  },
}));
 
export default useStyles