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 {
|
||||
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')};
|
||||
|
Loading…
Reference in New Issue
Block a user