1.1.0 • Published 5 years ago
emotion-layout v1.1.0
Simple emotion based responsive system on top of styled-system
.
Responsive props include
display,
flexWrap,
flexDirection,
alignItems,
justifyContent,
width,
minWidth,
maxWidth,
space,
fontSize,
color,
flex,
order,
Row
Flex component that's display: "flex"
and 100% width by default.
Col
The Col is the Row
component with 3 special props. It sets flexBasis
and maxWidth
to the width, and has a shrink option.
flexBasis={props.flexBasis || props.width}
maxWidth={props.maxWidth || props.width}
flex={props => (shrink ? "1 1 auto" : "1 0 auto")}
1.1.0
5 years ago
1.0.1
6 years ago
1.0.0
6 years ago
0.7.2
6 years ago
0.7.0
6 years ago
0.6.1
6 years ago
0.6.0
6 years ago
0.5.2
6 years ago
0.5.1
6 years ago
0.5.0
6 years ago
0.4.1
6 years ago
0.4.0
6 years ago
0.3.0
6 years ago
0.2.6
6 years ago
0.2.5
6 years ago
0.2.3
6 years ago
0.2.2
6 years ago
0.2.1
6 years ago
0.2.0
6 years ago
0.1.2
6 years ago
0.1.0
6 years ago
0.0.1
6 years ago