Demo for some PostCSS features.
npm install
mkdir bower_components
gulp
Not part of a spec, but pretty useful.
- lost - PostCSS fractional grid system built with calc() by the guy who built Jeet. Supports masonry, vertical, and waffle grids. http://corysimmons.github.io/lost.
- postcss-quantity-queries - PostCSS plugin enabling quantity-queries
- postcss-for - PostCSS plugin that enables for-loop syntax in your CSS.
Don't worry about it – just write CSS.
- cssnext - Use tomorrow's CSS syntax, today http://cssnext.io/.
- postcss-font-magician - Magically generate all the @font-face rules http://jonathantneal.github.io/postcss-font-magician/
- postcss-center - PostCSS plugin to center elements.
- postcss-focus - PostCSS plugin to add :focus selector to every :hover.
- postcss-import - PostCSS plugin to inline @import rules content. See also postcss-partial-import for Sass-like imports (sees partials prefixed with underscored automatically).
- postcss-mixins - PostCSS plugin for mixins. See also postcss-sassy-mixins for Sass-like mixins. postcss-nesting - Add the ability to nest one style rule inside another http://jonathantneal.github.io/postcss-nesting/. See also postcss-nested to enable Sass-like nesting. postcss-pxtorem - Convert pixel units to rem (root em) units using PostCSS.
Necessary? No. Fun? Yaaaaaaaassss.
- postcss-instagram - 📷 PostCSS plugin for working with photos.
With your powers combined...
- cssnext - (Special mention because it's just pretty essential) Use tomorrow's CSS syntax, today http://cssnext.io/. It also includes things like inlining import statements and minification through cssnano, so you can leave other plugins like postcss-import and cssnano out of your installed packages.
- rucksack - A little bag of CSS superpowers, built on PostCSS http://simplaio.github.io/rucksack.