Headings
Six levels of headline stylings.
Example
These are all available headline styles. Please note that level 4–6 have identical styling.
<!-- example -->
<h1 class="m-b-4">Heading Level 1</h1>
<h2 class="m-b-4">Heading Level 2</h2>
<h3 class="m-b-4">Heading Level 3</h3>
<h4 class="m-b-4">Heading Level 4</h4>
<h5 class="m-b-4">Heading Level 5</h5>
<h6>Heading Level 6</h6>
Modification
Headings do not have their own modifiers classes. Use YOI Utility Classes to make modifications:
<!-- example -->
<h1 class="fw-normal m-tb-4">Thin Heading Level 1</h1>
<h2 class="al-c m-tb-4">Centered Heading Level 2</h2>
<h3 class="c-blue-15 al-r m-tb-4">Blue, right-aligned Heading Level 3</h3>