Convey meaning through color with a handful of color utility classes.

.has-primary-background-color

.has-secondary-background-colory

.has-success-background-color

.has-danger-background-color

.has-warning-background-color

.has-info-background-color

.has-light-background-color

.has-dark-background-color

.has-white-background-color

.has-black-background-color

<p class="has-primary-background-color">.has-primary-background-color</p>
<p class="has-secondary-background-color">.has-secondary-background-colory</p>
<p class="has-success-background-color">.has-success-background-color</p>
<p class="has-danger-background-color">.has-danger-background-color</p>
<p class="has-warning-background-color">.has-warning-background-color</p>
<p class="has-info-background-color">.has-info-background-color</p>
<p class="has-light-background-color">.has-light-background-color</p>
<p class="has-dark-background-color">.has-dark-background-color</p>
<p class="has-white-background-color">.has-white-background-color</p>
<p class="has-black-background-color">.has-black-background-color</p>

Opacity

background-color utilities are generated with PHP using CSS variables. This allows for real-time color changes without compilation and dynamic alpha transparency changes.

Comming soon