84 lines
2.0 KiB
TypeScript
84 lines
2.0 KiB
TypeScript
import { Theme, createStyles } from "@material-ui/core";
|
|
|
|
export const styles = (theme: Theme) => createStyles({
|
|
post: {
|
|
marginTop: theme.spacing.unit,
|
|
marginBottom: theme.spacing.unit
|
|
},
|
|
postReblogChip: {
|
|
color: theme.palette.common.white,
|
|
'&:hover': {
|
|
backgroundColor: theme.palette.secondary.light
|
|
},
|
|
backgroundColor: theme.palette.secondary.main,
|
|
marginBottom: theme.spacing.unit
|
|
},
|
|
postContent: {
|
|
paddingTop: 0,
|
|
paddingBottom: 0,
|
|
'& a': {
|
|
textDecoration: 'none',
|
|
color: theme.palette.secondary.light,
|
|
'&:hover': {
|
|
textDecoration: 'underline'
|
|
},
|
|
'&.u-url.mention': {
|
|
textDecoration: 'none',
|
|
color: 'inherit',
|
|
fontWeight: 'bold'
|
|
},
|
|
'&.mention.hashtag': {
|
|
textDecoration: 'none',
|
|
color: 'inherit',
|
|
fontWeight: 'bold'
|
|
}
|
|
}
|
|
},
|
|
postCard: {
|
|
'& a:hover': {
|
|
textDecoration: 'none'
|
|
}
|
|
},
|
|
postEmoji: {
|
|
height: theme.typography.fontSize
|
|
},
|
|
postMedia: {
|
|
height: 0,
|
|
paddingTop: '56.25%', // 16:9
|
|
},
|
|
postActionsReply: {
|
|
marginLeft: theme.spacing.unit,
|
|
marginRight: theme.spacing.unit
|
|
},
|
|
postFlexGrow: {
|
|
flexGrow: 1
|
|
},
|
|
postTypeIconDiv: {
|
|
marginRight: theme.spacing.unit * 2
|
|
},
|
|
postTypeIcon: {
|
|
color: theme.palette.grey[500]
|
|
},
|
|
postWarningIcon: {
|
|
marginRight: theme.spacing.unit,
|
|
color: "inherit"
|
|
},
|
|
postDidAction: {
|
|
color: theme.palette.secondary.main
|
|
},
|
|
postMention: {
|
|
marginRight: theme.spacing.unit,
|
|
marginBottom: theme.spacing.unit
|
|
},
|
|
nsfwCard: {
|
|
backgroundColor: theme.palette.error.main
|
|
},
|
|
postTags: {
|
|
paddingTop: theme.spacing.unit,
|
|
paddingBottom: theme.spacing.unit
|
|
},
|
|
postAuthorEmoji: {
|
|
height: theme.typography.fontSize,
|
|
verticalAlign: "middle"
|
|
}
|
|
}); |