react-garden
Version:
React + TypeScript + ThreeJS app using Material UI on NextJS, Apollo Client, GraphQL + WordPress REST APIs, for ThreeD web development.. a part of the threed.ai code family.
85 lines (83 loc) • 2.18 kB
JavaScript
const Card = (theme, skin) => {
return {
MuiCard: {
styleOverrides: {
root: {
boxShadow: skin !== 'bordered' ? theme.shadows[6] : theme.shadows[0],
...(skin === 'bordered' && { border: `1px solid ${theme.palette.divider}` }),
'& .card-more-options': {
marginTop: theme.spacing(-1),
marginRight: theme.spacing(-3)
}
}
}
},
MuiCardHeader: {
styleOverrides: {
root: {
padding: theme.spacing(5),
'& + .MuiCardContent-root, & + .MuiCollapse-root .MuiCardContent-root': {
paddingTop: 0
},
'& .MuiCardHeader-subheader': {
fontSize: '0.875rem'
}
},
title: {
lineHeight: 1,
fontWeight: 500,
fontSize: '1.25rem',
letterSpacing: '0.0125em'
},
action: {
marginTop: 0,
marginRight: 0
}
}
},
MuiCardContent: {
styleOverrides: {
root: {
padding: theme.spacing(5),
'& + .MuiCardContent-root': {
paddingTop: 0
},
'&:last-of-type': {
paddingBottom: theme.spacing(5)
},
'& + .MuiCardActions-root': {
paddingTop: 0
}
}
}
},
MuiCardActions: {
styleOverrides: {
root: {
padding: theme.spacing(5),
'&.card-action-dense': {
padding: theme.spacing(0, 2.5, 2.5),
'.MuiCard-root .MuiCardMedia-root + &': {
paddingTop: theme.spacing(2.5)
},
'.MuiCard-root &:first-of-type': {
paddingTop: theme.spacing(5),
paddingBottom: theme.spacing(5),
'& + .MuiCardContent-root': {
paddingTop: 0
},
'& + .MuiCardHeader-root': {
paddingTop: 0
}
}
},
'& .MuiButton-text': {
paddingLeft: theme.spacing(2.5),
paddingRight: theme.spacing(2.5)
}
}
}
}
}
}
export default Card