Bootstrap 5 CSS variables

by softwarea

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css">
<div class="badge bg-primary">100</div>
<button class="btn btn-primary">
Just a button
</button>

CSS

:root{
  --bs-primary: red;
}