O'Reilly logo

Sass and Compass Designer's Cookbook by Bass Jobsen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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:

Getting ready

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';

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required