allow basic Column (without flex)

This commit is contained in:
Sérgio Ramos 2017-01-03 11:43:07 +00:00
parent da9a3dc8b7
commit f9cf402621

View File

@ -19,6 +19,7 @@ const {
const {
default: styled,
css
} = Styled;
const padding = sizes.halfGutterWidth || '0.5rem';
@ -33,6 +34,17 @@ const width = (fallback) => (size) => (props) => {
: fallback;
};
const flexed = (...args) => (props) => {
const isBasic = (
!props.xs &&
!props.sm &&
!props.md &&
!props.lg
);
return !isBasic ? css(...args) : css``;
};
const flexBasis = width('auto');
const maxWidth = width('none');
const marginLeft = width(0);
@ -50,15 +62,18 @@ const lgOffset = breakpoint('lgOffset', 'large');
module.exports = styled.div`
box-sizing: border-box;
flex: 0 0 auto;
padding-left: ${padding};
padding-right: ${padding};
${flexed`
flex: 0 0 auto;
flex-grow: 1;
flex-basis: ${flexBasis('xs')};
max-width: ${maxWidth('xs')};
margin-left: ${marginLeft('xsOffset')};
flex-direction: ${direction('xsReverse')};
`}
${sm`
flex-basis: ${flexBasis('sm')};