Sass and Compass for Designers

Chapter 3. Nesting, Extend, Placeholders, and Mixins

In Chapter 2, Setting up a Sass and Compass project, we learnt some core principles of setting up a project with Sass and Compass. For example, the various ways in which Sass allows code to be commented, how partial files can be used to more easily compartmentalize sections of code, and crucially, how to alter the output style of the generated CSS.

In this chapter, we will look at the capabilities of Sass and Compass when it comes to actually writing styles. These are the core capabilities likely to be employed when working with Sass and Compass day-to-day.

In this chapter, we will learn:

• What nesting is and how it allows styles to be modularized
• How the @extend directive allows us to extend existing ...