Hero Backgrounds

Background Colors

Use the following classes to adjust the colors of hero backgrounds. These have been tested for accessibility compliance.

.bg-grey
.bg-dark-grey
.bg-lime
.bg-dark-lime
.bg-dark-green

Background Images

Use the following classes to add preset background images to heros. These have been tested for accessibility compliance.

.bg-img .white-to-grey-hex
.bg-img .green-to-dark-hex
.bg-img .multicolor-on-white

Flair

Use to add a little flair to your slice. These have been tested for accessibility compliance.

Wedges

.wedge-bottom
.wedge-top