mirror of
https://github.com/yldio/copilot.git
synced 2024-11-11 05:40:11 +02:00
allow basic Column (without flex)
This commit is contained in:
parent
da9a3dc8b7
commit
f9cf402621
@ -19,6 +19,7 @@ const {
|
|||||||
|
|
||||||
const {
|
const {
|
||||||
default: styled,
|
default: styled,
|
||||||
|
css
|
||||||
} = Styled;
|
} = Styled;
|
||||||
|
|
||||||
const padding = sizes.halfGutterWidth || '0.5rem';
|
const padding = sizes.halfGutterWidth || '0.5rem';
|
||||||
@ -33,6 +34,17 @@ const width = (fallback) => (size) => (props) => {
|
|||||||
: fallback;
|
: 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 flexBasis = width('auto');
|
||||||
const maxWidth = width('none');
|
const maxWidth = width('none');
|
||||||
const marginLeft = width(0);
|
const marginLeft = width(0);
|
||||||
@ -50,15 +62,18 @@ const lgOffset = breakpoint('lgOffset', 'large');
|
|||||||
|
|
||||||
module.exports = styled.div`
|
module.exports = styled.div`
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
flex: 0 0 auto;
|
|
||||||
padding-left: ${padding};
|
padding-left: ${padding};
|
||||||
padding-right: ${padding};
|
padding-right: ${padding};
|
||||||
|
|
||||||
|
${flexed`
|
||||||
|
flex: 0 0 auto;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
|
||||||
flex-basis: ${flexBasis('xs')};
|
flex-basis: ${flexBasis('xs')};
|
||||||
max-width: ${maxWidth('xs')};
|
max-width: ${maxWidth('xs')};
|
||||||
margin-left: ${marginLeft('xsOffset')};
|
margin-left: ${marginLeft('xsOffset')};
|
||||||
flex-direction: ${direction('xsReverse')};
|
flex-direction: ${direction('xsReverse')};
|
||||||
|
`}
|
||||||
|
|
||||||
${sm`
|
${sm`
|
||||||
flex-basis: ${flexBasis('sm')};
|
flex-basis: ${flexBasis('sm')};
|
||||||
|
Loading…
Reference in New Issue
Block a user