@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
87 lines (86 loc) • 2.79 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const Component = {
styleOverrides: {
root: ({ theme }) => ({
maxWidth: theme.breakpoints.values['lg'],
'& .SCFeed-left': {
padding: 0,
[theme.breakpoints.up('sm')]: {
padding: theme.spacing(1.25)
},
'& > div:first-of-type': {
marginTop: 0
},
'& > .SCWidget-root, & > .SCCustomAdv-root': {
maxWidth: 850,
marginLeft: 'auto',
marginRight: 'auto'
}
},
'& .SCFeed-left-items': {
'& > div': {
paddingBottom: theme.spacing(2)
}
},
'& .SCFeed-right': {
padding: theme.spacing(1.25, 0),
'& > .SCWidget-root': {
marginBottom: theme.spacing(3)
}
},
'& .SCFeed-start': {
'& > .SCWidget-root': {
padding: 0,
marginBottom: theme.spacing(2)
},
'& .SCFeed-header-item': {
animation: 'pulse-animation 2s ease-in-out',
'@keyframes pulse-animation': {
'0%': {
opacity: 0
}
}
}
},
'& .SCFeed-end': {
'& > .SCWidget-root': {
padding: 0,
marginBottom: theme.spacing(2)
}
},
'& .SCFeed-end-message': {
textAlign: 'center',
'& > div': {
padding: theme.spacing(2)
}
},
'& .SCFeed-refresh': {},
'& .SCFeed-pagination-link': {
display: 'none'
}
}),
skeletonRoot: ({ theme }) => ({
maxWidth: theme.breakpoints.values['lg'],
'& .SCFeed-left': {
padding: 0,
[theme.breakpoints.up('sm')]: {
padding: theme.spacing(1.25)
},
'&:last-child': {
paddingBottom: theme.spacing(4)
},
'& > .SCWidget-root': {
marginBottom: theme.spacing(2)
}
},
'& .SCFeed-right': {
padding: theme.spacing(1.25, 0),
'& .SCWidget-root': {
marginBottom: theme.spacing(3)
}
}
})
}
};
exports.default = Component;