Text

Headings

<h1 class="env-text">Heading 1</h1>

<h2 class="env-text">Heading 2</h2>

<h3 class="env-text">Heading 3</h3>

<h4 class="env-text">Heading 4</h4>

<h5 class="env-text">Heading 5</h5>

<h6 class="env-text">Heading 6</h6>
<section class="env-text">
   <h1>Heading 1</h1>

   <h2>Heading 2</h2>

   <h3>Heading 3</h3>

   <h4>Heading 4</h4>

   <h5>Heading 5</h5>

   <h6>Heading 6</h6>
</section>
<h3 class="env-text">
   Fancy display heading
   <small class="env-text--muted">With faded secondary text</small>
</h3>
<h1 class="env-text--uppercase">will be all uppercase</h1>

<p class="env-text--lowercase">THIS WILL BE LOWERCASE</p>

<p class="env-text--capitalize">every word will start with a capital letter.</p>

<p class="env-text--strike">This text will be hard to read</p>