Text highlights
Raised block
Some text in a raised block
View code
<div class="bg-brand-primary p-2">
<div class="raised bg-brand-neutral-white">
<p class="m-0">Some text in a raised block</p>
</div>
</div>
Border accents
Some text with a blue border accent
Some text with a pink border accent
Some text with a black border accent
View code
<div class="accent">
<p>Some text with a blue border accent</p>
</div>
<div class="accent accent-pink">
<p>Some text with a pink border accent</p>
</div>
<div class="accent accent-black">
<p>Some text with a black border accent</p>
</div>