mirror of
https://github.com/SomboChea/ui
synced 2024-06-23 19:54:49 +07:00
35 lines
701 B
TypeScript
35 lines
701 B
TypeScript
import styled from 'react-emotion';
|
|
import Typography from '@material-ui/core/Typography';
|
|
import { default as MuiFab } from '@material-ui/core/Fab';
|
|
import colors from '../../utils/styles/colors';
|
|
|
|
export const Details = styled('span')({
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
alignItems: 'center',
|
|
});
|
|
|
|
export const Content = styled('div')`
|
|
margin: 10px 0 10px 0;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
> * {
|
|
margin: 5px;
|
|
}
|
|
`;
|
|
|
|
export const Heading = styled(Typography)`
|
|
&& {
|
|
font-weight: 700;
|
|
margin-bottom: 10px;
|
|
text-transform: capitalize;
|
|
}
|
|
`;
|
|
|
|
export const Fab = styled(MuiFab)`
|
|
&& {
|
|
background-color: ${colors.primary};
|
|
color: ${colors.white};
|
|
}
|
|
`;
|