type scale
The quick brown fox
.mega { font-size: 4rem }
The quick brown fox
.f1 { font-size: 3rem }
The quick brown fox
.f2 { font-size: 2rem }
The quick brown fox
.f3 { font-size: 1.5rem }
The quick brown fox
.f4 { font-size: 1rem }
The quick brown fox
.f5, .small { font-size: 0.85rem }
text transform
The quick brown fox
.ttc { text-transform: capitalize }
The quick brown fox
.ttu { text-transform: uppercase; letter-spacing: 0.2em }
text align
The quick brown fox
.tl { text-align: left }
The quick brown fox
.tr { text-align: right }
The quick brown fox
.tc { text-align: center }
text decoration
The quick brown fox
.under { text-decoration: underline }
The quick brown fox
.none { text-decoration: none }
leading
The quick brown fox
.lh { line-height: 1 }
The quick brown fox
.lh-title { line-height: 1.3 }
The quick brown fox
.lh-copy { line-height: 1.6 }
font weight
The quick brown fox
.normal { font-weight: normal }
The quick brown fox
.b { font-weight: bold }
The quick brown fox
.thin { font-weight: 100 }
The quick brown fox
.book { font-weight: 400 }
The quick brown fox
.bold { font-weight: 700 }
The quick brown fox
.heavy { font-weight: 900 }
font style
The quick brown fox
.fsn { font-style: normal }
The quick brown fox
.i { font-style: italic }
font family
The quick brown fox
body, .sans-serif { font-family: 'avenir next', avenir, helvetica, 'helvetica neue', arial, sans-serif }
The quick brown fox
.open-sans { font-family: "Open sans", sans-serif }
The quick brown fox
.serif { font-family: "Calisto MT", georgia, serif }
The quick brown fox
.code, code { font-family: Consolas, monaco, monospace }
The quick brown fox
.serif-bodini { font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif }
The quick brown fox
.serif-calisto { font-family: "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif }
The quick brown fox
.serif-garamond { font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif }
The quick brown fox
.serif-times { font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif }