PostCSSis a tool for transforming CSS with JavaScript. It can be used to develop a template language such as Sass and LESS. The PostCSS core consists of:

• CSS parser that generates anabstract syntax tree

• Set of classes that comprises the tree

• CSS generator that generates a CSS line for the object tree

• Code map generator for the CSS changes made#

There are official tools making it possible to use PostCSS with build systems such asWebpack,Gulp,andGrunt.There is also a console interface available.Browserifyor Webpack can be used to open PostCSS in a browser.

The complete plugin list can be found on postcss.parts, with some examples listed below.

• Autoprefixerto add and clearbrowser prefixes.

• CSS Modulesto getCSS selectorsisolated and code organized. It is supplied as part of Webpack.

• stylelintto analyze CSS code for mistakes and check style consistency.

• stylefmt fixes the CSS code according to the stylelint settings.

• PreCSS to perform some Sass/Less preprocessing functions.

• postcss-preset-env to emulate features from unfinished CSS specification drafts.

• cssnanoto make CSS smaller in size by getting rid of the spaces and rewriting the code.

• RTLCSSto change CSS code so that the design should be suitable for right-to-left writing (such is applied in Arabic and Hebrew).

• postcss-assets, postcss-inline-svg and postcss-sprites to work with graphics.