Background

Landkit only

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

Colors

Additonal background color utilities. 

<div class="bg-black"></div>
<div class="bg-gray-800"></div>
<div class="bg-gray-300"></div>
<div class="bg-gray-200"></div>

Gradient

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

<div class="bg-gradient-light-white"></div>
<div class="bg-gradient-dark-black"></div>
<div class="bg-gradient-multicolor"></div>

Cover

Sets the background-image property to cover. 

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

Between

Positions two background images with a space between them. 

<div class="bg-between" style="background-image: url(assets/img/illustrations/illustration-6-cropped.png), url(assets/img/illustrations/illustration-4-cropped.png);"></div>
Jump to