Although many developers have moved on from using preprocessors to using PostCSS, it is important to note that PostCSS is not a replacement, just an alternative way of preprocessing CSS styles. To help with the transition, we're not forced to learn a new syntax. Using a handful of plugins, we can take advantage of the speed of PostCSS, while still using syntaxes that we're accustomed to, such as Less, SASS, or Stylus.
In this chapter, we'll take a look at the plugins that make this possible, and work on some simple examples that show you how using a custom syntax that we're all familiar with is still possible when using PostCSS.
This chapter will cover the following technical topics:
Introducing custom syntaxes
Implementing examples of custom syntax plugins
Parsing CSS
Converting content to strings with the API
Adding highlighting support to our code
Let's make a start!