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

Listing 1.15. CSS global-reset mixin

Listing 1.16. Resulting code after HTML5 reset

Listing 1.17. Blueprint grid layout

Listing 1.18. Compass table helpers

Listing 1.19. Table helper mixin

Listing 1.20. A mixin for alternating colors by row or column

Chapter 2. Basic Sass syntax

Listing 2.1. A mixin containing rules

Listing 2.2. Resulting code from including no-bullets in ul.plain

Listing 2.3. Setting default values for arguments

Listing 2.4. Extending styles with selector inheritance

Listing 2.5. .seriousError inherits from .error

Listing 2.6. Inheritance can quickly get complicated

Chapter 3. CSS grids without the math

Listing 3.1. Adding Blueprint to a page

Listing 3.2. A basic Blueprint layout

Listing 3.3. Selected CSS for Blueprint example