36Using Predefined Fancy Fonts

Blueprint has a couple of text modifying features built in. These allow you to quickly and easily modify text using predefined classes.

If we go through them in the order they’re compiled to in the CSS, the first is the p + p element. The + symbol here is for styling something that follows something else—that is, the directions only apply to a paragraph that directly follows a paragraph. In this case, they indent the next paragraph rather than having a line space.

The incr class is used to space out lines as well as to make the font slightly smaller. We could use it if we wanted to make the text a bit smaller, for example, in a sidebar.

We can use the caps class as a kind of emphasizer, although it’s not too easy ...

Get Pragmatic Guide to Sass now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.