37 lines
748 B
JavaScript
37 lines
748 B
JavaScript
/*
|
|
* based on
|
|
* github.com/roylee0704/react-flexbox-grid/blob/master/src/components/Grid.js
|
|
*/
|
|
|
|
import { Baseline } from '../../shared/composers';
|
|
import { breakpoints, sizes } from '../../shared/constants';
|
|
import styled, { css } from 'styled-components';
|
|
|
|
const fluid = (props) => props.fluid && css`
|
|
padding-left: ${sizes.outerMargin};
|
|
padding-right: ${sizes.outerMargin};
|
|
`;
|
|
|
|
const Container = styled.div`
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
|
|
${fluid}
|
|
|
|
${breakpoints.small`
|
|
max-width: ${sizes.containerSm || '46rem'};
|
|
`}
|
|
|
|
${breakpoints.medium`
|
|
max-width: ${sizes.containerMd || '61rem'};
|
|
`}
|
|
|
|
${breakpoints.large`
|
|
max-width: ${sizes.containerLg || '71rem'};
|
|
`}
|
|
`;
|
|
|
|
export default Baseline(
|
|
Container
|
|
);
|