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
@extenddirective allows us to extend existing rulesTo use placeholder selectors to extend styles only when needed
What mixins are and how we can use them to easily produce oft-needed code
How to write a mixin for our own purposes