O'Reilly logo

Pragmatic Guide to Sass by Michael Lintorn Catlin, Hampton Catlin

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required