PreCSS lets you use Sass-like markup and staged CSS features in CSS.
;;.menu.menu_link/* after */.menu.menu_link
PreCSS combines Sass-like syntactical sugar — like variables, conditionals, and iterators — with emerging CSS features — like color functions, logical and custom properties, media query ranges, and image sets.
Add PreCSS to your build tool:
npm install precss --save-dev
Use PreCSS to process your CSS:
Add PostCSS to your build tool:
npm install postcss --save-dev
Use PreCSS as a plugin:
Add Gulp PostCSS to your build tool:
npm install gulp-postcss --save-dev
Use PreCSS in your Gulpfile:
Add Grunt PostCSS to your build tool:
npm install grunt-postcss --save-dev
Use PreCSS in your Gruntfile:
PreCSS is powered by the following plugins (in this order):