Installing Bourbon in the build chain

Chapter 13, Meeting the Bourbon Family, of this book describes, among others, how to build a semantic layout with the Bourbon and Neat Sass libraries. In this recipe, you will learn how to integrate the code of the Semantic grids with Neat recipe of Chapter 13, Meeting the Bourbon Family, into your Grunt build chain.

Getting ready

Install Grunt, as described in the Installing Grunt recipe of this chapter.

How to do it...

Perform the following steps to compile your code with Grunt and use the Bourbon and Neat Sass libraries:

1. Copy the files from the Semantic grids with Neat recipe of Chapter 13, Meeting the Bourbon Family, into your working directory. Remove the sass/bourbon and sass/neat folders.
2. Then, change the import paths for Bourbon and Neat in the file. These paths should look like that shown here:

   @import 'bourbon';
   @import 'neat';

3. Run the following command in your console to create the package.json file for your project:

   npm init...