Background Colors

Helpers that give color to an interface.

Backgrounds

HTML apply a background color by adding .bg-{color} class

SCSS apply a background color with the color('{color}') function

  • White

  • Gray

  • Black

  • Primary

  • Secondary

HTML
    <div class="bg-white"></div>
<div class="bg-gray"></div>
<div class="bg-black"></div>
<div class="bg-secondary"></div>
<div class="bg-primary"></div>
  
SCSS
    .example-class {
  background-color: color('{color}');
}
  

Usage

Attribute Description Type Syntax
bg-color See Colors page for possible values Class .bg-{color}