Menu

Typography

Use buttons to signal actions.

Style Location: /_scss/components/buttons.scss

Code

<h1>Heading h1</h1>
<h2>Heading h2</h2>
<h3>Heading h3</h3>
<h4>Heading h4</h4>
<h5>Heading h5</h5>
<h6>Heading h6</h6>

<hr>

<h6>Paragraph</h6>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>

<h6>Inline Styles</h6>
<p><strong>Bold</strong>, <em>Italic</em>, <u>Underline</u>, <s>Striketrhough</s>, <sup>Supercript</sup>, <sub>Subscript</sub></p>

<h6>Uppercase</h6>
<p class="uppercase">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>

<h6>Unordered/Ordered Lists</h6>
<ul>
  <li>Item One</li>
  <li>Item Two</li>
  <li>Item Three</li>
</ul>

<ol>
  <li>Item One</li>
  <li>Item Two</li>
  <li>Item Three</li>
</ol>

Documentation

Fonts

Roboto and Roboto Slab fonts have been chosen for this product.

Headings

Note, h4 heading is inline style and always has a border.