1
0
mirror of https://github.com/SomboChea/ui synced 2026-01-19 01:25:51 +07:00

refactor: move cascaded CSS from templates to JS objects

This commit is contained in:
Sergio Herrera Guzmán
2019-07-15 11:57:32 +02:00
parent 8ea017d871
commit 115be1bb6e
26 changed files with 478 additions and 478 deletions

View File

@@ -3,30 +3,30 @@ import Card from '@material-ui/core/Card';
import Typography from '@material-ui/core/Typography';
import Chip from '@material-ui/core/Chip';
export const CardWrap = styled(Card)`
&& {
margin: 0 0 16px;
}
`;
export const CardWrap = styled(Card)({
'&&': {
margin: '0 0 16px',
},
});
export const Heading = styled(Typography)`
&& {
font-weight: 700;
text-transform: capitalize;
}
`;
export const Heading = styled(Typography)({
'&&': {
fontWeight: 700,
textTransform: 'capitalize',
},
});
export const Tags = styled('div')`
&& {
display: flex;
justify-content: start;
flex-wrap: wrap;
margin: 0 -5px;
}
`;
export const Tags = styled('div')({
'&&': {
display: 'flex',
justifyContent: 'start',
flexWrap: 'wrap',
margin: '0 -5px',
},
});
export const Tag = styled(Chip)`
&& {
margin: 5px;
}
`;
export const Tag = styled(Chip)({
'&&': {
margin: '5px',
},
});