@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
175 lines (174 loc) • 5.86 kB
TypeScript
declare const Component: {
styleOverrides: {
root: ({ theme }: any) => {
overflow: string;
width: string;
'& .SCCommentObject-comment': {
paddingBottom: number;
overflow: string;
'& > div': {
alignItems: string;
};
'& .SCBaseItem-image .MuiBadge-badge': {
top: any;
};
'& .SCBaseItem-text': {
marginBottom: number;
marginTop: any;
};
};
'& .SCCommentObject-nested-comments': {
[x: number]: {
paddingLeft: any;
};
paddingTop: number;
paddingBottom: number;
paddingLeft: any;
'& ul.MuiList-root': {
paddingTop: number;
paddingBottom: number;
width: string;
'& li.MuiListItem-root': {
paddingTop: number;
};
};
'& .SCCommentObjectReply-root .SCEditor-root': {
padding: string;
};
};
'& .SCCommentObject-content': {
overflowWrap: string;
position: string;
display: string;
padding: string;
borderRadius: number;
borderColor: string;
'& .MuiCardContent-root': {
flexGrow: number;
padding: number;
'& > p:first-of-type': {
paddingTop: number;
};
};
'& .SCCommentObject-text-content': {
margin: number;
'& a': {
color: any;
textDecoration: string;
'&:hover': {
textDecoration: string;
};
};
'& p': {
margin: number;
marginBlockStart: string;
marginBlockEnd: string;
};
'& img': {
maxWidth: string;
};
};
'& .SCCommentObject-flag-chip': {
borderRadius: number;
display: string;
width: string;
};
};
'& .SCCommentObject-collapsed': {
justifyContent: string;
alignItems: string;
'& .MuiCardContent-root': {
marginLeft: any;
};
};
'& .SCCommentObject-show-more-content': {
color: any;
textDecoration: string;
'&:hover': {
textDecoration: string;
};
};
'& .SCCommentObject-avatar, & .SCCommentObjectReply-avatar': {
top: any;
width: any;
height: any;
};
'& .SCCommentObject-author': {
textDecoration: string;
color: any;
'& span': {
fontWeight: string;
};
};
'& .SCCommentObject-comment-actions-menu': {
alignItems: string;
};
'& .SCCommentObject-deleted': {
opacity: number;
};
'& .SCCommentObject-content-sub-section': {
display: string;
justifyContent: string;
alignItems: string;
color: any;
};
'& .SCCommentObject-comment-sub-section': {
display: string;
flexWrap: string;
alignItems: string;
color: any;
marginTop: number;
position: string;
'& .SCCommentObject-reply': {
paddingLeft: number;
paddingRight: number;
lineHeight: number;
};
'& .SCCommentObject-activity-at': {
color: string;
textDecoration: string;
'&:hover': {
textDecoration: string;
};
};
'& .SCCommentObjectReply': {
color: string;
textDecorationStyle: string;
fontSize: string;
padding: any;
textTransform: string;
};
'& .SCCommentObject-vote-audience': {
position: string;
right: number;
};
};
};
skeletonRoot: ({ theme }: any) => {
paddingBottom: any;
overflow: string;
'& > div': {
alignItems: string;
};
'& .SCCommentObject-avatar': {
top: any;
};
'& .SCCommentObject-primary-content': {
marginBottom: any;
};
'&.SCWidget-root': {
'& .SCBaseItem-text': {
marginBottom: number;
'& > .SCWidget-root': {
borderRadius: number;
borderColor: string;
};
'& .MuiCardContent-root': {
padding: any;
};
};
};
};
};
};
export default Component;