--- name: labels-badges url: /labels-badges --- ## Label & Badges

Labels & Badges are useful to highlight content, use as tags for content type, and more. For example, you can attach a label that notes when something was updated.

***
Default Label    7
### Basic HTML #### Label You can create Labels with this basic HTML:
```html Default Label Success Label Alert Label Warning Label ```
Default Label Success Label Alert Label Warning Label
*** #### Badge
```html 7 1313 A 7 7 7 ```
7 1313 A 7 7 7
*** ### Sass Variables You can customize tabs with these variables in the `_settings.scss` file: ```html // Label styles $label-fontsize: 0.8rem; $label-padding: ($global-padding / 3) ($global-padding / 2); $label-radius: 0; $label-background: $primary-color; $label-color: isitlight($primary-color); // Badge styles $badge-fontsize: .8em; $badge-padding: .1em .61em; $badge-radius: $global-rounded; $badge-background: $primary-color; $badge-font-color: #fff; ```