Sass and Compass for Designers

Conventions

In this book, you will find a number of styles of text that distinguish between different kinds of information. Here are some examples of these styles, and an explanation of their meaning.

Code words in text, database table names, folder names, filenames, file extensions, pathnames, dummy URLs, user input, and Twitter handles are shown as follows: "Semantic purists argue that writing markup laden with HTML classes such as column_8 and column_4 is tantamount to a cardinal sin."

A block of code is set as follows:

* { @include bs; } [class^="inner"] { max-width: 75em; margin: auto; } header[role="banner"],footer[role="contentinfo"] { width: 100%; display: block; } nav[role="navigation"] { width: 25%; float: left; } .main-content { width: ...