Create powerful blocks of colour.
What do they look like?
Purple background
<div class="card bg-purple">Lorem ipsum</div>
Pale purple background
<div class="card bg-pale-purple">Lorem ipsum</div>
Green background
<div class="card bg-green">Lorem ipsum</div>
Yellow background
<div class="card bg-yellow">Lorem ipsum</div>
Orange background
<div class="card bg-orange">Lorem ipsum</div>
Red background
<div class="card bg-red">Lorem ipsum</div>
Black background
<div class="card bg-black">Lorem ipsum</div>
White background
<div class="card bg-white border-1">Lorem ipsum</div>
Spice it up
<section class="full-width bg-red">
Content
</section>
In orange
<section class="full-width bg-orange">
Content
</section>
In yellow
<section class="full-width bg-yellow">
Content
</section>