Standard Life Digital Framework

Highlighted headings are centre aligned with additional styling for increased visibility.

Add the [namespace]-highlighted class to a heading to apply the highlighted style.

Highlighted Heading (H2)

Markup: typography\headings-highlighted.hbs

Copy

<div class="slb-highlighted">
    <h2>Highlighted Heading (H2)</h2>
</div>

Source: components/_typography.scss