A set of colors and background colors separate from Blaze core.

Install

<link rel="stylesheet" href="https://unpkg.com/blaze/dist/blaze.colors.min.css" /> 

Available values

Both .u-bg- and .u-color- work for each color class.

.u-bg-black
.u-bg-white
.u-bg-beige
.u-bg-grey
.u-bg-grey
.u-bg-grey
.u-bg-grey
.u-bg-grey
.u-bg-red
.u-bg-red
.u-bg-red
.u-bg-red
.u-bg-red
.u-bg-pink
.u-bg-pink
.u-bg-pink
.u-bg-pink
.u-bg-pink
.u-bg-purple
.u-bg-purple
.u-bg-purple
.u-bg-purple
.u-bg-purple
.u-bg-blue
.u-bg-blue
.u-bg-blue
.u-bg-blue
.u-bg-blue
.u-bg-green
.u-bg-green
.u-bg-green
.u-bg-green
.u-bg-green
.u-bg-cyan
.u-bg-cyan
.u-bg-cyan
.u-bg-cyan
.u-bg-cyan
.u-bg-yellow
.u-bg-yellow
.u-bg-yellow
.u-bg-yellow
.u-bg-yellow
.u-bg-orange
.u-bg-orange
.u-bg-orange
.u-bg-orange
.u-bg-orange
.u-bg-brown-lighter
.u-bg-brown-light
.u-bg-brown
.u-bg-brown-dark
.u-bg-brown-darker
.u-bg-brand-lighter
.u-bg-brand-light
.u-bg-brand
.u-bg-brand-dark
.u-bg-brand-darker
.u-bg-info-lighter
.u-bg-info-light
.u-bg-info
.u-bg-info-dark
.u-bg-info-darker
.u-bg-warning-lighter
.u-bg-warning-light
.u-bg-warning
.u-bg-warning-dark
.u-bg-warning-darker
.u-bg-success-lighter
.u-bg-success-light
.u-bg-success
.u-bg-success-dark
.u-bg-success-darker
.u-bg-error-lighter
.u-bg-error-light
.u-bg-error
.u-bg-error-dark
.u-bg-error-darker
.u-bg-default
.u-bg-disabled
.u-bg-quiet