jobiqo-cl
Version:
[](https://circleci.com/gh/jobiqo/jobiqo-cl)
23 lines (20 loc) • 891 B
JavaScript
import styled from 'styled-components';
import { color } from '../../../../../node_modules/@styled-system/color/dist/index.esm.js';
import { space } from '../../../../../node_modules/@styled-system/space/dist/index.esm.js';
import '../../../../../node_modules/styled-system/dist/index.esm.js';
/**
* The main component will place its content within a set frame, using the max width for the content defined in the theme.
*/
const Main = styled.div `
max-width: ${props => props.theme.layout.maxWidth[props.size]};
margin: auto;
padding-left: ${props => props.theme.layout.mobile.padding};
padding-right: ${props => props.theme.layout.mobile.padding};
${props => props.theme.mediaQueries.small} {
padding-left: ${props => props.theme.layout.desktop.padding};
padding-right: ${props => props.theme.layout.desktop.padding};
}
${space}
${color}
`;
export { Main };