Create powerful blocks of colour.
What do they look like?
A pink background
A green background
Combine them with a full width background
<div class="full-width bg-orange">Content</div>
List of background colours
| Colour |
Class |
Example |
| Pink |
bg-pink |
<div class="card bg-pink">Content</div>
|
| Pale pink |
bg-pale-pink |
<div class="card bg-pale-pink">Content</div>
|
| Dark pink |
bg-dark-pink |
<div class="card bg-dark-pink">Content</div>
|
| Orange |
bg-orange |
<div class="card bg-orange">Content</div>
|
| Yellow |
bg-yellow |
<div class="card bg-yellow">Content</div>
|
| Green |
bg-green |
<div class="card bg-green">Content</div>
|
| Blue |
bg-blue |
<div class="card bg-blue">Content</div>
|
| Purple |
bg-purple |
<div class="card bg-purple">Content</div>
|