joyent-portal/packages/cp-frontend/src/components/layout/container.js

import { Grid } from 'react-styled-flexboxgrid';
import { breakpoints } from 'joyent-ui-toolkit';

export default Grid.extend`
  padding: 2rem;

  ${breakpoints.large`
    padding: 0;
  `}
`;
chore: initial lerna setup this shall be a progressive process 2017-05-18 21:21:33 +03:00			`import { Grid } from 'react-styled-flexboxgrid';`
			`import { breakpoints } from 'joyent-ui-toolkit';`

feat(cp-frontend,ui-toolkit): style inheritance using `.extend` (#458) styled-components@2 exposes a new `.extend`[1] API. It is less problematic than styled(Parent). [1]: https://www.styled-components.com/docs/basics#extending-styles 2017-05-25 17:59:58 +03:00			export default Grid.extend`
chore: initial lerna setup this shall be a progressive process 2017-05-18 21:21:33 +03:00			`padding: 2rem;`

			${breakpoints.large`
			`padding: 0;`
			`}
			`;