All files / src 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 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93    61x                                                                                                                                                                                    
import makeStyles from '@material-ui/core/styles/makeStyles';
 
const useStyles = makeStyles((theme) => ({
  '@global': {
    '.card240': {
      backgroundColor: theme.palette.background.dark,
      padding: theme.spacing(2),
      textAlign: 'center',
      '& h6': {
        color: theme.palette.text.light,
      },
      '& .MuiTypography-body1': {
        color: theme.palette.text.secondary,
      },
    },
    '.card241': {
      backgroundColor: theme.palette.background.primary,
      padding: theme.spacing(2),
      textAlign: 'center',
      '& h6': {
        color: theme.palette.text.bright,
      },
      '& .MuiTypography-body1': {
        color: theme.palette.text.secondary,
      },
    },
    '.card242': {
      backgroundColor: theme.palette.background.default,
      padding: theme.spacing(2),
      textAlign: 'center',
      '& h6': {
        color: theme.palette.secondary.dark,
      },
    },
    '.card244': {
      backgroundColor: theme.palette.background.secondary,
      padding: theme.spacing(2),
      textAlign: 'center',
      '& h6': {
        color: theme.palette.secondary.dark,
      },
    },
    '.containerDefault': {
      backgroundColor: theme.palette.secondary.dark,
    },
    '.containerGray': {
      backgroundColor: theme.palette.background.secondary,
    },
    '.containerTeal': {
      backgroundColor: theme.palette.background.primary,
    },
    '.containerWhite': {
      backgroundColor: theme.palette.background.default,
    },
    '.containerWorld': {
      backgroundColor: theme.palette.secondary.dark,
      backgroundImage: 'url(/images/world-view.png),url(/images/mag.svg)',
      backgroundRepeat: 'no-repeat, no-repeat',
      backgroundPosition: 'top center,bottom right',
      backgroundSize: 'contain,534px 356px',
      minHeight: '500px',
    },
    '.pageContainer': {
      minHeight: '500px',
    },
    '.frame223': {
      backgroundColor: theme.palette.background.secondary,
    },
    '.frame222': {
      backgroundColor: theme.palette.background.dark,
      '& p': {
        color: theme.palette.text.secondary,
      },
    },
    '.frame226': {
      backgroundColor: theme.palette.background.primary,
      '& p': {
        color: theme.palette.text.secondary,
      },
    },
    '.boxBackground': {
      backgroundColor: theme.palette.background.primary,
    },
    '.indv-header-bg':{
      backgroundImage: 'url(/images/indv-org-page-bg.png)',
      minHeight: '512px',
      maxHeight: '580px',
    }
  },
}));
 
export default useStyles;