Personally, while abstract examples are fine, I find it difficult to fully understand concepts until I put them into practice. With that in mind, at this point I'm going to amend the markup in our project's index.html file, so we have some markup to flex our growing Sass and Compass muscles on.
We're going to build up a basic home page for this book. Through this and the later chapters we can use the Sass and Compass techniques we're learning to style the markup. Hopefully, while the contents of the page may not be entirely relevant to your next project (unless of course you're writing a book on Sass and Compass, in which case you're in luck), the basic layout and structure will be common enough to be of help. If you want to see how things turn out, you can point your browser at http://sassandcompass.com, as that's what we'll be building.
The markup for the home page is fairly simple. It consists of a header with links, navigation made up of list items...
