We've seen that adapting code to use nesting is a simple principle, but the real art is getting the balance right, many developers fall into the trap of nesting everything in their code when using the technique for the first time.
With this in mind, let's explore how we can convert our code to using PostCSS. We'll start by installing the
postcss-nesting plugin, which will perform most of the work for us:
npm install --save-dev postcss-nesting