mirror of
https://github.com/SomboChea/ui
synced 2026-01-18 00:56:00 +07:00
refactor: move cascaded CSS from templates to JS objects
This commit is contained in:
@@ -2,11 +2,11 @@ import styled from 'react-emotion';
|
||||
import Typography from '@material-ui/core/Typography';
|
||||
import { default as MuiListItemText } from '@material-ui/core/ListItemText';
|
||||
|
||||
export const Heading = styled(Typography)`
|
||||
&& {
|
||||
font-weight: 700;
|
||||
}
|
||||
`;
|
||||
export const Heading = styled(Typography)({
|
||||
'&&': {
|
||||
fontWeight: 700,
|
||||
},
|
||||
});
|
||||
|
||||
export const Spacer = styled('div')({
|
||||
flex: '1 1 auto',
|
||||
@@ -15,10 +15,10 @@ export const Spacer = styled('div')({
|
||||
height: '0.5em',
|
||||
});
|
||||
|
||||
export const ListItemText = styled(MuiListItemText)`
|
||||
&& {
|
||||
flex: none;
|
||||
color: black;
|
||||
opacity: 0.6;
|
||||
}
|
||||
`;
|
||||
export const ListItemText = styled(MuiListItemText)({
|
||||
'&&': {
|
||||
flex: 'none',
|
||||
color: 'black',
|
||||
opacity: 0.6,
|
||||
},
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user