Part 2. Using Sass and Compass in practice

In the first two chapters, you got acquainted with Sass and Compass, and we covered the core features of the Sass syntax. In the next three chapters, you’ll see the practical value of Sass and Compass, how they help you tackle previously tedious tasks, and how they help you write powerful stylesheets with far less effort.

In chapter 3, you’ll see how Compass simplifies one of the most fundamental elements of web design, layout. In this chapter, we discuss the principles behind grid layouts and cover the tools Compass provides to make them incredibly simple and flexible. Whereas traditional CSS grid systems require you to litter your markup with stacks of presentational class names, in this chapter you’ll see how Compass lets you use Blueprint and 960 Grid System without imposing upon your markup. You’ll see how the dynamic nature of Sass allows you to set up a grid framework and easily change it by changing a few variables. Finally, you’ll learn how to maintain vertical rhythm with Compass’s typography helpers.