Constructing a site using Bourbon Neat is a simple process, it does not require any special markup on our web page; the effort is all within the compiled style sheet.
To prove this, we'll construct a simple web page that could easily be part of any website—I've used a Japanese theme as the basis for my page, but the principles we will use can apply to any site. You'll see that (with the exception of the standard SASS style of code used) there are only three instances where we have used Bourbon Neat-specific code.
Let's make a start:
From the code download that accompanies this book, go ahead and extract a copy of
Tutorial30
, and save it to the root of our project area.Copy the contents of the
sample site – pre-compile
from within theTutorial30
folder to thesrc
folder within our project area. Go ahead and rename it assample.scss
.Next, fire up a Node.js command prompt, then change the working folder to our project area.
At the prompt, enter
gulp
, then press...