Badge
Variables
| Variable |
property |
value |
desc. |
| $badge-color |
color |
$white |
badge color |
| $badge-bg |
background-color |
$gray-chateau |
badge background-color |
| $badge-outline-color |
color |
$slate-gray |
outline badge color |
| $badge-outline-bg |
background-color |
$transparent |
outline badge background-color |
| $badge-outline-border-color |
border-color |
$base-border-color |
outline badge border-color |
Basic
Any content
100
Any content <span class="Badge">100</span>
Type
Any content
200
Any content <span class="Badge Badge--outline">200</span>