Heading

Headings are used for titling sections of the interface.

Usage

This is a heading

<h1 class="c_h-heading">This is a heading</h1>

Implementation

Type	Name
Elements
Default	`.c-heading`
Modifiers
Size	`.c-heading--lg` `.c-heading--xl` `.c-heading--2xl` `.c-heading--3xl` `.c-heading--4xl` `.c-heading--5xl` `.c-heading--6xl` `.c-heading--7xl` `.c-heading--8xl` `.c-heading--caps`
States	None

Modifiers

Size

This is a 8xl heading

This is a 7xl heading

This is a 6xl heading

This is a 5xl heading

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_h-heading c_h-heading--8xl mb-2">This is a 8xl heading</h1>
<h1 class="c_h-heading c_h-heading--7xl mb-2">This is a 7xl heading</h1>
<h1 class="c_h-heading c_h-heading--6xl mb-2">This is a 6xl heading</h1>
<h1 class="c_h-heading c_h-heading--5xl mb-2">This is a 5xl heading</h1>
<h1 class="c_h-heading c_h-heading--4xl mb-2">This is a 4xl heading</h1>
<h1 class="c_h-heading c_h-heading--3xl mb-2">This is a 3xl heading</h1>
<h1 class="c_h-heading c_h-heading--2xl mb-2">This is a 2xl heading</h1>
<h1 class="c_h-heading c_h-heading--xl mb-2">This is a xl heading</h1>
<h1 class="c_h-heading c_h-heading--lg mb-2">This is a lg heading</h1>
<h1 class="c_h-heading mb-2">This is a heading</h1>
<h1 class="c_h-heading c_h-heading--caps">This is a caps heading</h1>