PostCSS flex-alias
PostCSS plugin easily write flex
Documentation
Click on the Documentation to learn more
Explain
display: flex-[flex-flow
][justify-content
][align-items
][align-content
]
flex-flow
x
: row nowrapy
: column nowrapw
: row wrapm
: column warp
justify-content
s
: flex-starta
: space-aroundb
: space-betweenc
: centere
: flex-end
align-items
s
: flex-startb
: baselinec
: centere
: flex-endh
: stretch
align-content
s
: flex-starta
: space-aroundb
: space-betweenc
: centere
: flex-end
Example
/* input */
/* output */
/* input */
/* output */
Usage
// or postcss.config.jsplugins:'postcss-flex-alias': {}
See PostCSS docs for examples for your environment.