Secure Headings

full screen new window example HTML markup

Headings used specifically for content in secure access areas.

Usage

Heading styles from h1 to h5 used on secure sites are modified from the default heading styles.

Use the slb-h*-secure block classes to apply these heading styles (h1 to h5 only).

Secure Heading 1 (H1)

Secure Heading 2 (H2)

Secure Heading 3 (H3)

Secure Heading 4 (H4)

Secure Heading 5 (H5)

Markup: typography\headings-secure.hbs

Copy

<h1 class="slb-h1-secure">Secure Heading 1 (H1)</h1>
<h2 class="slb-h2-secure">Secure Heading 2 (H2)</h2>
<h3 class="slb-h3-secure">Secure Heading 3 (H3)</h3>
<h4 class="slb-h4-secure">Secure Heading 4 (H4)</h4>
<h5 class="slb-h5-secure">Secure Heading 5 (H5)</h5>

Source: components/_typography.scss