<h2 class="heading-1">HEADING 1</h2>
<h2 class="heading-section">SECTION HEADING</h2>
<h2 class="heading-3">HEADING 3</h2>
<h2 class="heading-4">HEADING 4</h2>
<h2 class="heading-5">HEADING 5</h2>
<h2 class="p-1">p 1</h2>
To use a brand heading, you can either apply the following classes directly to the html, or use the sass @extend function to copy the styles into your css.
<h1 class="heading-1 whatever-other-class"></h1>.my-element {
@extend: .heading-1;
}.heading-1
.heading-2
.heading-3
.heading-4
.heading-5
.p-1If you need to change a property for a brand font, it is likely to affect lots of places, and this is likely not the place to make the change. Please check in with the UXD team and /or the FED lead to confirm the change before updating any of these properties. If you definitely need to change a property, please refer to this documentation.
/* No context defined. */
<h2 class="heading-1">HEADING 1</h2>
<h2 class="heading-section">SECTION HEADING</h2>
<h2 class="heading-3">HEADING 3</h2>
<h2 class="heading-4">HEADING 4</h2>
<h2 class="heading-5">HEADING 5</h2>
<h2 class="p-1">p 1</h2>