Backgrounds and shadows

Backgrounds

Helper classes for adding a background color for an element.

  • .bg-default
  • .bg-primary
  • .bg-secondary
  • .bg-transparent
.bg-default
.bg-primary
.bg-secondary
.bg-transparent

Shadows

Helper classes for adding shadows for an element.

  • .shadow-50
  • .shadow-40
  • .shadow-30
  • .shadow-20
  • .shadow-10
.shadow-50
.shadow-40
.shadow-30
.shadow-20
.shadow-10 
				
<!-- Backgrounds -->
<div class="bg-primary">This div will have a grey background color for the light mode and dark blue for the dark mode.</div>

<div class="bg-transparent">This div will not have a background color (it's transparent).</div>

<!-- Shadows -->
<div class="bg-default shadow-10"> ... </div>