Examples
Default styling
Highlight class - Adds border around text (used for the years on Timeline page).
.highlight--red
Red highlight
Highlight class - Adds border around text (used for the years on Timeline page).
.highlight--purple
Purple highlight
Highlight class - Adds border around text (used for the years on Timeline page).
.highlight--royal-blue
Royal-blue highlight
Highlight class - Adds border around text (used for the years on Timeline page).
.highlight--mint-green
Mint-green highlight
Highlight class - Adds border around text (used for the years on Timeline page).
.highlight--white
Mint-green highlight
Highlight class - Adds border around text (used for the years on Timeline page).
Markup: components/highlight/highlight.twig
<p><span class="highlight {{modifier_class}}">Highlight class</span> - Adds border around text (used for the years on Timeline page).</p>
Source:
_cr19-styleguide.scss, line 90