Backgrounds and shadows


Helper classes for adding a background color for an element.

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


Helper classes for adding shadows for an element.

  • .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>