Global Variables

These variables can be used to customize multiple components.

Variable Name CSS Property
$body-bg-color background
$body-text-color color
$base-font-size font-size
Variable Name CSS Property
$font-family-sans-serif font-family
$font-family-monospace font-family
Variable Name CSS Property
$border-radius-sm border-radius
$border-radius-md border-radius
$border-radius-lg border-radius
$border-radius-circle border-radius
$border-radius-pill border-radius
Variable Name CSS Property
$shadow-1 box-shadow
$shadow-2 box-shadow
$shadow-3 box-shadow
$shadow-4 box-shadow
$shadow-5 box-shadow