2019-02-03 17:23:33 +07:00
|
|
|
import styled from 'react-emotion';
|
2019-06-20 19:37:28 +07:00
|
|
|
import Card from '@material-ui/core/Card';
|
|
|
|
import Typography from '@material-ui/core/Typography';
|
|
|
|
import Chip from '@material-ui/core/Chip';
|
2019-02-03 17:23:33 +07:00
|
|
|
|
|
|
|
export const CardWrap = styled(Card)`
|
|
|
|
&& {
|
2019-03-28 05:39:06 +07:00
|
|
|
margin: 0 0 16px;
|
2019-02-03 17:23:33 +07:00
|
|
|
}
|
|
|
|
`;
|
|
|
|
|
|
|
|
export const Heading = styled(Typography)`
|
|
|
|
&& {
|
|
|
|
font-weight: 700;
|
2019-03-28 05:39:06 +07:00
|
|
|
text-transform: capitalize;
|
2019-02-03 17:23:33 +07:00
|
|
|
}
|
|
|
|
`;
|
|
|
|
|
|
|
|
export const Tags = styled('div')`
|
|
|
|
&& {
|
|
|
|
display: flex;
|
|
|
|
justify-content: start;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
margin: 0 -5px;
|
|
|
|
}
|
|
|
|
`;
|
|
|
|
|
|
|
|
export const Tag = styled(Chip)`
|
|
|
|
&& {
|
|
|
|
margin: 5px;
|
|
|
|
}
|
|
|
|
`;
|