<h2 id="typography">Typography</h2>

<p>
  Typography elements keep vertical rhythm and have custom reset.
</p>

<p>
  Defaults:
</p>

<pre><code class="lang-scss">
$font-leading: 1.5;                       // base font leading
$font-size-micro: .8rem;                  // font size of `.text-micro`
$font-size-small: .9rem;                  // font size of `small` and `.text-small`
$font-size-base: 1rem;                    // base font size
$font-size-lead: 1.2rem;                  // font size of `.text-lea