Badge
Easily create badges to label and highlight your content.
Usage
To create a badge, just add the .c-badge class to an element.
c-badge
<strong class="c-badge">...</strong>Modifiers
Notification
Add the .c-badge-notification class to indicate a notification, typically it is used with numbers.
1
2
3
10
100
<span class="c-badge c-badge--notification">...</span>Color modifier
Add the .c-badge-success, .c-badge-warning or .c-badge-danger class for additional colors.
sucess
Warning
Danger
<div class="c-badge c-badge--success">...</div>
<div class="c-badge c-badge--warning">...</div>
<div class="c-badge c-badge--danger">...</div>