makeStyles(theme => ({ title: { padding: theme.spacing(), margin: "0" + theme.spacing()+ "px", backgroundColor: "black", boxShadow: "5px 3px 8px 5px #333", }, heading: { color: theme.palette.primary.main } }))
makeStyles(theme => ({ root: { height: 80 }, buttons: { "& svg": { marginBottom: 5 }, "&.Mui-selected": { color: theme.palette.type === "dark" ? cyan[300] : theme.palette.primary } } }))
makeStyles(theme => ({ error: { backgroundColor: theme.palette.error.dark }, info: { backgroundColor: theme.palette.primary.main }, success: { backgroundColor: green[600] }, warning: { backgroundColor: amber[700] } }))
render () { return ( <Html lang="en"> <Head> {/* PWA primary color */} <meta name="theme-color" content={theme.palette.primary.main} /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" /> </Head> <body> <Main /> <NextScript /> </body> </Html> ) }
makeStyles((theme) => ({ base: { toolbar: theme.mixins.toolbar, paddingTop: theme.spacing(2) }, root: { padding: theme.spacing(2), flexGrow: 1, }, paper: { paddingTop: theme.spacing(2), paddingBottom: theme.spacing(2), textAlign: 'center', color: theme.palette.text.secondary, }, paperSelected: { backgroundColor: theme.palette.primary.main, color: theme.palette.background.default } }))
makeStyles(theme => ({ container: { backgroundColor: theme.palette.primary.main, width: '100vw', minHeight: '100%', overflow: 'hidden', margin: 0 }, }))
makeStyles(theme => ({ cartList: { width: "100%", maxWidth: 600, backgroundColor: theme.palette.background.paper }, total: { marginTop: theme.spacing(3), padding: theme.spacing(2) }, checkout: { color: theme.palette.type === "dark" ? cyan[300] : theme.palette.primary } }))
makeStyles(theme => ({ text: { color: theme.palette.text.textSecondary, marginTop: '8px', fontSize: '14px' }, title: { color: theme.palette.text.textSecondary, marginTop: '8px', marginBottom: '16px', fontSize: '16px' }, card: { backgroundColor: theme.palette.primary.main, boxSizing: 'border-box', }, content: { paddingBottom: '32px' } }))
makeStyles(theme => ({ root: { color: theme.palette.type === 'dark' ? theme.palette.primary.main : 'inherit', }, }))
makeStyles(theme => ({ paymentTransitionDelay: { paddingTop: theme.spacing(5), paddingBottom: theme.spacing(4), paddingRight: theme.spacing(2), paddingLeft: theme.spacing(2) }, spinner: { marginBottom: theme.spacing(2), "& .MuiCircularProgress-root": { color: theme.palette.type === "dark" ? cyan[300] : theme.palette.primary } } }))
makeStyles(theme => ({ container: { backgroundColor: theme.palette.primary.wrapper, width: '100vw', minHeight: '100%', overflow: 'hidden', margin: 0 }, wrapper: { width: '100vw', minHeight: '100vh' } }))