Background Color
Use the background color utility to change the default background color of an element.
sba-
u-
bgcolor--[COLOR NAME]-[SHADE]
Namespace
Prefix
BEM syntax
sba-u-bgcolor--primary
sba-u-bgcolor--primary-darker
sba-u-bgcolor--primary-darkest
sba-u-bgcolor--primary-alt
sba-u-bgcolor--primary-alt-dark
sba-u-bgcolor--primary-alt-darkest
sba-u-bgcolor--primary-alt-light
sba-u-bgcolor--primary-alt-lightest
sba-u-bgcolor--secondary
sba-u-bgcolor--secondary-dark
sba-u-bgcolor--secondary-darkest
sba-u-bgcolor--secondary-light
sba-u-bgcolor--secondary-lightest
sba-u-bgcolor--gray
sba-u-bgcolor--gray-dark
sba-u-bgcolor--gray-light
sba-u-bgcolor--gray-lighter
sba-u-bgcolor--gray-lightest
sba-u-bgcolor--gold
sba-u-bgcolor--gold-light
sba-u-bgcolor--gold-lighter
sba-u-bgcolor--gold-lightest
sba-u-bgcolor--green
sba-u-bgcolor--green-light
sba-u-bgcolor--green-lighter
sba-u-bgcolor--green-lightest
sba-u-bgcolor--error
sba-u-bgcolor--error-dark
sba-u-bgcolor--error-darkest
sba-u-bgcolor--error-light
sba-u-bgcolor--error-lighter
sba-u-bgcolor--error-lightest
sba-u-bgcolor--warn
sba-u-bgcolor--warn-light
sba-u-bgcolor--warn-lighter
sba-u-bgcolor--warn-lightest
sba-u-bgcolor--success
sba-u-bgcolor--success-light
sba-u-bgcolor--success-lighter
sba-u-bgcolor--success-lightest
sba-u-bgcolor--base
sba-u-bgcolor--white
sba-u-bgcolor--background
sba-u-bgcolor--background-inverse
sba-u-bgcolor--transparent