# [VCL](https://vcl.github.io/vcl/) badge

A visually highlighted tag to attribute items or show counts.

## Features

Supports rounded corners and semantic modifiers for coloring.

## Usage

[basic example](/demo/example.html)

## Classes

- `badge`

## Modifiers

- `rounded`

Semantic coloring.

- `primary`
- `success`
- `info`
- `warning`
- `error`

## Variables

- `$badge-default-color`
- `$badge-default-bg-color`
- `$badge-primary-color`
- `$badge-primary-bg-color`
- `$badge-success-color`
- `$badge-success-bg-color`
- `$badge-info-color`
- `$badge-info-bg-color`
- `$badge-warning-color`
- `$badge-warning-bg-color`
- `$badge-danger-color`
- `$badge-danger-bg-color`