Heading

Headings are used for titling sections of the interface.

Usage

This is a 4xl heading

This is a 3xl heading

This is a 2xl heading

This is a xl heading

This is a lg heading

This is a heading

This is a caps heading

<h1 class="c-heading--4xl">This is a 4xl heading</h1>
<h1 class="c-heading--3xl">This is a 3xl heading</h1>
<h1 class="c-heading--2xl">This is a 2xl heading</h1>
<h1 class="c-heading--xl">This is a xl heading</h1>
<h1 class="c-heading--lg">This is a lg heading</h1>
<h1 class="c-heading">This is a heading</h1>
<h1 class="c-heading--caps">This is a caps heading</h1>

Implementation

TypeName
Elements
Default.c-heading
Large.c-heading--lg
Extra Large.c-heading--xl
2X Large.c-heading--2xl
3X Large.c-heading--3xl
4X Large.c-heading--4xl
Caps.c-heading--caps
ModifiersNone
StatesNone