PostCSS Layouts
A shorthand for applying sensible layout methods.
Flex
options
shrink
Makes container items shrink to width of its contentcolumn
Changes direction of container itemsnowrap
Prevents container items from wrappingopen
Sets width of container items to full width of container
Example:
By default flex automatically makes container items grow to available space and wrap if equal to bigger than the container's width.
Inline Block
Example:
Uses inline-block
technique to layout container items.
Setup
npm install postcss-layouts --save-dev