2.6 #colors.5 .bg-color classes
Shorthand for background-color: xyz.
Names are usually inherited from LESS variables naming convention (but not always).
Examples
Default styling
Hello world
.bg-red
Red background
Hello world
.bg-red-light
Light red background
Hello world
.bg-transparent
Transparent gray for UI backgrounds
Hello world
.bg-orange
Color class
Hello world
.bg-gray
Background version of gray
Hello world
.bg-gray-dark
Darker version of gray used as default bg for dark content
Hello world
.bg-gray-light
Light version gray
Hello world
.bg-error
Errors
Hello world
.bg-ok
Ok messages
Hello world
.bg-white
White bg
Hello world
.bg-orange-light
Light version of orange, used for icons, borders in dark content
Hello world
Markup
<div class="rounded-box [modifier class] fg-black">Hello world</div>
Source:
src/css/colors/color-classes.less, line 73