include ./helpers

h1.example__header Example fonts
.row
  .column--quarter
    .header--small Global fonts
    p.content These are fonts that are used in all table app classes are (in decending size).
    ul
      li header--large
      li header
      li header--small
      li content
      li label
      li link
      li content--small

  .column--three-quarter
    label.label Code Example
    +codeExample("html").
      <div class="header--large">
        The quick brown fox jumps over the lazy dog.
      </div>
      <div class="header">
        The quick brown fox jumps over the lazy dog.
      </div>
      <div class="header--small">
        The quick brown fox jumps over the lazy dog.
      </div>
      <div class="content">
        The quick brown fox jumps over the lazy dog.
      </div>
      <div class="content--small">
        The quick brown fox jumps over the lazy dog.
      </div>
      <label class="label">
        The quick brown fox jumps over the lazy dog.
      </label>
      <a href="..." class="link">
        The quick brown fox jumps over the lazy dog.
      </a>
    label.label Results
    .header--large This is a large header
    .header This is a regular header
    .header--small The This is a small header
    .content This is regular content
    .content--small This is small content
    label.label A Label
    a.link(href="#no-link") A link