@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
72 lines (71 loc) • 2.62 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const Component = {
styleOverrides: {
root: ({ theme }) => ({
display: 'flex',
flexDirection: 'column',
[theme.breakpoints.up('sm')]: {
padding: theme.spacing(1)
},
'& .SCLessonObject-content': {
padding: `${theme.spacing(2)} !important`,
'& .SCLessonObject-text': {
'& > div:first-of-type': {
img: {
display: 'block',
margin: '0 auto',
width: 'auto !important',
maxWidth: '100% !important',
position: 'relative !important'
},
padding: '0 !important'
},
'& > div:has(> a)': {
borderRadius: '5px',
padding: theme.spacing(1),
background: theme.palette.grey[300]
},
'& > div:has(> a) > a:first-of-type': {
textDecoration: 'none',
color: 'inherit'
}
},
'& .SCLessonObject-medias-section': {
'& .SCLessonObject-files': {
display: 'flex'
},
'& .SCLessonFilePreview-root': {
marginBottom: theme.spacing(1),
maxWidth: '140px'
},
'& .SCMediaLink-display-root': {
marginBottom: theme.spacing(1),
'& > div > div': {
[theme.breakpoints.down('md')]: {
height: '240px !important'
}
}
}
}
},
'& .SCLessonObject-content-edit': {
padding: '0 !important',
'& .SCEditor-content': {
paddingTop: 0,
paddingBottom: 0
}
},
'& .SCWidget-root': {
marginBottom: theme.spacing(3),
[theme.breakpoints.down('md')]: {
boxShadow: 'none'
}
},
'& .SCLessonObject-button': {
alignSelf: 'center'
}
})
}
};
exports.default = Component;