Remember our demo with a Japanese theme from earlier, in Creating an example with Bourbon Neat? It's a simple demo, using Bourbon Neat to help create our grid. The downside, though, is, of course, the dependency on SASS!
Well, we can fix that: PostCSS has a plugin available that mimics Bourbon Neat, but is written entirely in JavaScript, so there is no dependency on SASS. It's easy to install and use, over the next few pages, we'll work through the changes required to switch to this plugin.
First though, let's get it set up:
We'll begin by extracting a copy of the
Tutorial32folder from the code download that accompanies this book. Save this to the root of our project area.Copy the
sample pre-compile.cssfile to thesrcfolder at the root of our project area.Copy the
gulpfile.js,samplesite.htmlandpackage.jsonfiles to the root of our project area. These should replace any existing versions that are present.Next, we need to install two plugins, although...