Background Extended

Liander Bootstrap Background additions.

On this page

Background color

Background color additions

.bg-alt

html

<div class="p-3 mb-2 bg-alt">.bg-alt</div>

Tranparent Backgrounds

These are Corperate Identity transparent backgrounds. Use the opacity utilities utilities for other transparency needs.

.bg-dark-transparent-30

.bg-light-transparent-80

.bg-light-transparent-30

html

<div class="p-3 mb-2 bg-dark-transparent-30">.bg-dark-transparent-30</div>
<div class="p-3 mb-2 bg-light-transparent-80">.bg-light-transparent-80</div>
<div class="p-3 mb-2 bg-light-transparent-30">.bg-light-transparent-30</div>

Corperate Identity background colors

These color differ from the default tints and shades of Bootstrap.

Primary

.bg-primary-10

.bg-primary-50

.bg-primary-60

.bg-primary-70

.bg-primary-80

Secondary

.bg-secondary-10

.bg-secondary-50

.bg-secondary-60

.bg-secondary-70

.bg-secondary-80

.bg-secondary-90

Tertiary

.bg-tertiary-10

.bg-tertiary-50

.bg-tertiary-60

.bg-tertiary-70

.bg-tertiary-80