24 lines
498 B
JavaScript
24 lines
498 B
JavaScript
import colors from 'client/UIKit/colors';
|
|
import { Box, Flex } from 'client/UIKit/grid';
|
|
import styled from 'styled-components';
|
|
import mq from 'client/UIKit/mq';
|
|
|
|
const Background = styled(Box)`
|
|
background: ${colors.white[0]};
|
|
|
|
padding: 4px 10px;
|
|
${mq.desktop`
|
|
padding: 10px 18px;
|
|
`}
|
|
|
|
margin: 0 0 10px;
|
|
${mq.desktop`
|
|
margin: 10px 10px;
|
|
`}
|
|
box-shadow: 4px 5px 17px -11px rgba(0, 0, 0, 0.75);
|
|
flex: ${props => props.flex};
|
|
// max-width: 100%;
|
|
`;
|
|
|
|
export default Background;
|