A heading with a colour gradient

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

Browser compatibility note: This effect is only supported in modern WebKit browsers like Chrome.

Heading with text gradient

Markup: typography\headings-gradient.hbs

Copy

<h1 class="slb-text-gradient">Heading with text gradient</h1>

Source: components/_typography.scss