Integrating Compass in the build chain
In Chapter 6, Using Compass, of this book, you can read more about Compass. Compass is an open source CSS Authoring Framework. In this recipe, you will learn how to integrate Compass in your build chain.
Getting ready
In this recipe, you will use the same directory and file structure as the one used before, in the Creating a vertical rhythm for your website recipe of Chapter 8, Advanced Sass Coding. This structure should look like the following image:
Notice that the Sass code in main.scss requires Compass. It imports Compass using the following line of SCSS code:
@import 'compass/typography/vertical_rhythm';
In this recipe, you will install the grunt-contrib-compass plugin. This plugin requires you to have Ruby, Sass, and Compass >=1.0.1 installed. You can read how to install these tools in Chapter 1, Getting Started with Sass, of this book.
How to do it...
You should perform the following steps to integrate Compass in your build process:
- Copy...
