<%= head %> <%= siteHeader %>

Typography

A small collection of typographic utilities.

Scale

kjkjit

A A A A A A A A
6rem (96px) 5rem (80px) 3rem (48px) 2.25rem (36px) 1.5rem (24px) 1.25rem (20px) 1rem (16px) .875rem (14px)

Examples

.f-headline 6rem

Jelly-like above the high wire, six quaking pachyderms kept the climax of the extravaganza in a dazzling state of flux.

.f-subheadline 5rem

Ebenezer unexpectedly bagged two tranquil aardvarks with his jiffy vacuum cleaner.

.f1 3rem

The public was amazed to view the quickness and dexterity of the juggler.

.f2 2.25rem

A quart jar of oil mixed with zinc oxide makes a very bright paint. How razorback-jumping frogs can level six piqued gymnasts.

.f3 1.5rem

The July sun caused a fragment of black pine wax to ooze on the velvet quilt. We quickly seized the black axle and just saved it from going past him.

.f4 1.25rem

We promptly judged antique ivory buckles for the next prize. Heavy boxes perform quick waltzes and jigs. Blowzy night-frumps vex'd Jack Q

.f5 1rem

Jelly-like above the high wire, six quaking pachyderms kept the climax of the extravaganza in a dazzling state of flux. Jinxed wizards pluck ivy from the big quilt.

.f6 .875rem

Forsaking monastic tradition, twelve jovial friars gave up their vocation for a questionable existence on the flying trapeze. Amazingly few discotheques provide jukeboxes.

Previous

Forms

Next

Measure

<%= name %>

v<%= moduleVersion %> <%= moduleSize %>
Declarations
<%= moduleObj.declarations.total %>
Selectors
<%= moduleObj.selectors.total %>
Max. Specificity Score
<%= moduleObj.selectors.specificity.max %>
Size of Avg. Rule
<%= moduleObj.rules.size.average %>
src/_typography.css

<%= srccss  %>

<%= navDocs %>
<%= siteFooter %> <%= googleAnalytics %>