A look at our test web page at this point would indicate that all we have achieved in this chapter is to produce a list of gaudy-colored links (as such, I've moved our color function examples into a partial file called _chapter-examples.scss
).
However, more important than the result is the knowledge of Sass and Compass's color functions. We now understand how we can mix, alter, and transparentize colors and create inversions, complements, and adjustments of any color at will.
Before we address the ugliness of our site (of which I am acutely aware), there's still the actual layout of the site to sort out.
Grids are obviously perfect for this task. However, historically, popular CSS-based grid frameworks like Blueprint and 960 have necessitated adding extra classes in the markup. That's always felt a little off to me. It certainly isn't the most semantic way of marking up content.
Thankfully, adding HTML classes in the markup to create a grid system simply isn't needed with Sass and Compass...