Colors - Backgrounds | Crossroads Digital Design Kit

UI Components / Colors

When referencing color in your stylesheet overrides, please ensure you're using one of the following variables. These values provide the core color palette for Crossroads' brand identity and have been used to override the Bootstrap defaults, where noted below.

Overrides

Lorem ipsum dolor sit amet, consectetur ...

Lorem ipsum dolor sit amet, consectetur ...

Lorem ipsum dolor sit amet, consectetur ...

Lorem ipsum dolor sit amet, consectetur ...

Lorem ipsum dolor sit amet, consectetur ...

<p class="bg-primary">Lorem ipsum dolor sit amet, consectetur ...</p>
<p class="bg-success">Lorem ipsum dolor sit amet, consectetur ...</p>
<p class="bg-info">Lorem ipsum dolor sit amet, consectetur ...</p>
<p class="bg-warning">Lorem ipsum dolor sit amet, consectetur ...</p>
<p class="bg-danger">Lorem ipsum dolor sit amet, consectetur ...</p>

Helpers

Lorem ipsum dolor sit amet, consectetur ...

Lorem ipsum dolor sit amet, consectetur ...

Lorem ipsum dolor sit amet, consectetur ...

Lorem ipsum dolor sit amet, consectetur ...

<p class="bg-blue">Lorem ipsum dolor sit amet, consectetur ...</p>
<p class="bg-blue-dark">Lorem ipsum dolor sit amet, consectetur ...</p>
<p class="bg-charcoal">Lorem ipsum dolor sit amet, consectetur ...</p>
<p class="bg-gray">Lorem ipsum dolor sit amet, consectetur ...</p>