@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
72 lines (71 loc) • 2.76 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const Component = {
defaultProps: {
CategoryFollowButtonProps: {
size: 'medium'
}
},
styleOverrides: {
root: ({ theme }) => ({
'& .SCCategoryHeader-cover': {
display: 'flex',
flexDirection: 'column',
justifyContent: 'center',
alignItems: 'center',
minHeight: 150,
color: '#FFF',
background: 'linear-gradient(180deg, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 90%)',
height: 230,
borderRadius: 0,
[theme.breakpoints.up('md')]: {
borderRadius: theme.spacing(0, 0, 2.5, 2.5)
}
},
'& .SCCategoryHeader-info': {
paddingLeft: theme.spacing(2),
paddingRight: theme.spacing(2),
marginTop: theme.spacing(1),
marginBottom: theme.spacing(2),
'& .SCCategoryHeader-name, & .SCCategoryHeader-slogan': {
display: 'block',
whiteSpace: 'nowrap',
overflow: 'hidden',
textOverflow: 'ellipsis',
textAlign: 'center',
marginBottom: `${theme.spacing(1)} !important`
},
'& .SCCategoryHeader-name': {
fontSize: '1.857rem',
fontWeight: theme.typography.fontWeightBold,
marginBottom: theme.spacing()
},
'& .SCCategoryHeader-slogan': {
fontSize: '1rem',
fontWeight: theme.typography.fontWeightMedium,
marginBottom: `${theme.spacing(0)} !important`
},
'& .SCCategoryHeader-followed, & .SCCategoryHeader-action': {
textAlign: 'center',
marginBottom: theme.spacing(2)
},
'& .SCCategoryHeader-followed': {
marginBottom: `${theme.spacing(0)} !important`,
'& .SCCategoryHeader-followed-counter': {
fontSize: '1rem',
fontWeight: theme.typography.fontWeightRegular,
display: 'inline'
}
}
}
}),
skeletonRoot: ({ theme }) => ({
'& .SCCategoryHeader-skeleton-cover': {
[theme.breakpoints.up('md')]: {
borderRadius: theme.spacing(0, 0, 2.5, 2.5)
}
}
})
}
};
exports.default = Component;