@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
62 lines (61 loc) • 2.22 kB
JavaScript
const Component = {
styleOverrides: {
root: ({ theme }) => ({
'& .SCCommentsFeedObject-root': {
padding: theme.spacing(2, 1),
[theme.breakpoints.down('md')]: {
width: 'auto'
},
'& .SCCommentsObject-root h6': {
paddingLeft: theme.spacing(2)
}
},
'& .SCFeedObject-root': {
'&.SCFeedObject-detail': {
borderRadius: theme.shape.borderRadius,
[theme.breakpoints.down('md')]: {
width: 'auto',
margin: theme.spacing(0, 1)
},
'& .SCFeedObject-content': {
'& .SCFeedObject-text-section .SCFeedObject-text': {
'& span': {
display: 'inline'
},
'& span:not(:has(+ a))': {
width: '100%'
},
'& a': {
display: 'inline-block',
margin: theme.spacing(0, 0.3)
},
'& a:hover': {
'& span': {
textDecoration: 'underline'
}
}
}
}
}
}
}),
skeletonRoot: ({ theme }) => ({
marginTop: theme.spacing(2),
'& .SCCommentsObject-skeleton-root': {
'& .SCWidget-root': {
marginBottom: '0px !important'
}
},
'& .SCCommentObject-skeleton-root': {
background: 'transparent',
boxShadow: 'none',
border: 0,
paddingLeft: '0px !important',
'& .SCCommentObject-skeleton-root': {
marginBottom: '0px !important'
}
}
})
}
};
export default Component;