Background state colors

State backgrounds inspired from Bootstrap alerts and can be used to identify block state.

Primary

Secondary

Success

Info

Warning

Danger

Light

Dark

Indigo

Orange

Pink

Purple

Teal

<!-- Source -->
<div class="bg-state-primary"></div>
<div class="bg-state-secondary"></div>
<div class="bg-state-success"></div>
<div class="bg-state-info"></div>
<div class="bg-state-warning"></div>
<div class="bg-state-danger"></div>
<div class="bg-state-light"></div>
<div class="bg-state-dark"></div>
<div class="bg-state-indigo"></div>
<div class="bg-state-orange"></div>
<div class="bg-state-pink"></div>
<div class="bg-state-purple"></div>
<div class="bg-state-teal"></div>