Headings

Base Headings

The class structure follows the structure discussed by Harry Roberts in his article practical font sizing in CSS on CSS Wizardry.

<h1 class="alpha">The fox</h1>
<h2 class="beta">The fox</h2>
<h3 class="gamma">The fox</h3>
<h4 class="delta">The fox</h4>
<h5 class="epsilon">The fox</h5>
<h6 class="zeta">The fox</h6>

Style

Use the .uppercase class to enforce a heading to be in capitals.

<h1 class="alpha / uppercase">The fox</h1>
<h2 class="beta / uppercase">The fox</h2>
<h3 class="gamma / uppercase">The fox</h3>
<h4 class="delta / uppercase">The fox</h4>
<h5 class="epsilon / uppercase">The fox</h5>
<h6 class="zeta / uppercase">The fox</h6>

Spacing

Using .drop class applies only half the regular bottom bottom.

<h1 class="drop">The fox</h1>
<h1>The fox</h1>
<h1>The fox</h1>