Sass and Compass in Action

List of Listings

Chapter 1. Sass and Compass make stylesheets fun again

Listing 1.1. A soggy stylesheet in need of DRYing

Listing 1.2. Nesting CSS selectors

Listing 1.3. Resulting CSS after using nested selectors

Listing 1.4. Traditional CSS refactoring

Listing 1.5. Reusing code with @mixin and @include

Listing 1.6. Mixins help you remove redundant styles

Listing 1.7. Mixins with variables

Listing 1.8. Final CSS output after using mixins

Listing 1.9. Some CSS for error messages

Listing 1.10. Reducing redundancy with selector inheritance

Listing 1.11. Selector inheritance with the placeholder selector

Listing 1.12. Resulting CSS after using selector inheritance

Listing 1.13. Classic CSS reset

Listing 1.14. CSS output file, including CSS reset ...