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>
|
| 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>
|
| White |
bg-white |
<div class="card bg-white">Content</div>
|
| Light Grey |
bg-light-grey |
<div class="card bg-light-grey">Content</div>
|
| Grey |
bg-grey |
<div class="card bg-grey">Content</div>
|
| Black |
bg-black |
<div class="card bg-black">Content</div>
|