4.1 #Style.background Background

Toggle example guides Toggle HTML markup

Utility classes that can be used to give a background color to any element.

Any colors from the styleguide can be applied.

Browser support: IE3+, Safari1+, Firefox1+, Chrome10+

Default styling
Text
.sb-bg-transparent
transparent
Text
.sb-bg-white
white
Text
.sb-bg-black
black
Text
.sb-bg-dark-3
dark-3
Text
.sb-bg-light-1
light-1
Text
.sb-bg-green-2
green-2
Text
.sb-bg-yellow-3
yellow-3
Text
.sb-bg-purple-4
purple-4
Text
.sb-bg-blue-1
blue-1
Text
.sb-bg-red-2
red-2
Text
Markup
<span class="sb-padding sb-flex [modifier class]">Text</span>
Source: trumps/_background.scss, line 1