Background

Goodkit Exclusive

Background utilities to easily change background sizing, position, and color properties.

Color

Additional background color utilities.

<div class="bg-dark-50"></div>
<div class="bg-gray-200"></div>
<div class="bg-gray-300"></div>
<div class="bg-gray-800"></div>
<div class="bg-gray-900"></div>
<div class="bg-white-10"></div>
<div class="bg-white-20"></div>

Cover

Sets the background-size property to cover.

<div class="bg-cover" style="background-image: url(../assets/img/career/hero.jpg);"></div>

Gradient light

Adds a background image gradient that goes from transparent to $light.

<div class="bg-gradient-light"></div>

Checkered

Adds a "checkered" background.

<div class="bg-checkered"></div>