CSS Variables

Basil uses CSS variables for consistency in design. You can use these variables throughout your project or change their values in your CSS file.

:root {
  /* size */
  --sm: 0.5rem;
  --md: 1rem;
  --lg: 2rem;
  --xl: 3rem;
}