The default heading styling across all uSwitch pages.
We allow extending the sizes of these headings with %heading-{$i} so that we don't repeat similar font sizes across the site.
Headings are for structure, not presentation
The first heading on the page should be an H1
Headings should be listed in consecutive order [H1, H2, H3], not [H1, H5, H2]
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
Default paragraph styling with a margin bottom.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel arcu non magna varius sagittis vel at elit. Vivamus et orci pretium, commodo eros vitae, tincidunt purus. Nunc consequat condimentum porttitor. Cras at mi sed quam hendrerit bibendum ac a lorem. Mauris a sapien vitae massa lacinia malesuada.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel arcu non magna varius sagittis vel at elit. Vivamus et orci pretium, commodo eros vitae, tincidunt purus. Nunc consequat condimentum porttitor. Cras at mi sed quam hendrerit bibendum ac a lorem. Mauris a sapien vitae massa lacinia malesuada.
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel arcu non magna varius sagittis vel at elit.
Vivamus et orci pretium, commodo eros vitae, tincidunt purus. Nunc consequat condimentum porttitor.
Cras at mi sed quam hendrerit bibendum ac a lorem. Mauris a sapien vitae massa lacinia malesuada.
</p>
Normal list styling.
<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
Default blockquote.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel arcu non magna varius sagittis vel at elit. Vivamus et orci pretium, commodo eros vitae, tincidunt purus.
<blockquote>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aenean vel arcu non magna varius sagittis vel at elit.
Vivamus et orci pretium, commodo eros vitae, tincidunt purus.
</p>
</blockquote>
Our default numbered list styling.
<ul class='us-numbered-list'>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sollicitudin iaculis bibendum.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sollicitudin iaculis bibendum.</li>
</ul>
Our default ticked list styling.
<ul class='us-ticked-list'>
<li>
<svg role="presentation" aria-hidden="true" class="us-icon us-icon--small us-icon--before us-icon--typegrey"><use xlink:href="/images/icons.svg#icon-tick"/></svg>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</li>
<li>
<svg role="presentation" aria-hidden="true" class="us-icon us-icon--small us-icon--before us-icon--typegrey"><use xlink:href="/images/icons.svg#icon-tick"/></svg>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</li>
</ul>
Copyright uSwitch Limited 2016 - 2017. Github