Underlined Heading
Headings with branded underlines
Usage
Add the [namespace]-underlined class to a heading to apply the underlined style.
Modifier
| Modifier selector | Description |
|---|---|
slb-underlined |
Adds a short width underline below a heading. |
slb-underlined--full-width |
Adds a full width underline below a heading. |
.slb-underlined - Short underline
Underlined Heading (H2)
.slb-underlined--full-width - Full width underline
Underlined Heading (H2)
typography\headings-underlined.hbs
<h2 class="slb-underlined [modifier class]">Underlined Heading (H2)</h2>
Source:
components/_typography.scss