A list of modifiers for the badge component, allowing you to change its appearance to fit a variety of roles and scenarios.
Modifiers can typically be combined to achieve the desired appearance, unless stated otherwise.
Whilst badges scale according to its parent element, sometimes a badge may just be too big. Use these modifiers to make the badge a better fit.
This is disabled by default. Enable block variable $component-badge-size-modifiers or add to class filter in your page SASS manifest to enable locally (For that page), or overrides.scss to enable globally. (More info)