3.2.2 atoms.badge.pill Pill badges
Use the .badge--pill
modifier class to make badges more
rounded (with a larger border-radius
and additional horizontal padding
).
Primary pill badge
Markup: 02-atoms/badge/badge-pill.twig
<span class="badge badge--pill badge-primary">Primary pill badge</span>
Source:
02-atoms/badge/badge.scss
, line 56