Метка

Настройка

Основной класс - .button

Цвета - .red, .yellow, .green, .blue, .dark

Скачать CSS фрагмент компонента   Собрать сборку CSS

Примеры

<span class="mark">Стандартная метка</span>
<span class="mark red">Второстепенная метка</span>
<a href="#" class="mark">Ссылка - метка</a> 

<span class="mark">Стандартная метка</span>
<span class="mark red">Красная метка</span>
<span class="mark yellow">Желтая метка</span>
<span class="mark green">Зеленая метка</span>
<span class="mark blue">Синяя метка</span>
<span class="mark gray">Серая метка</span>
<span class="mark dark">Темная метка</span> 

Круглая метка

Настройка

Основной класс: badge

Цвета: red, yellow, green, blue, gray, dark

Примеры

<span class="badge">2</span>
<span class="badge red">2</span> 

<span class="badge red">2</span>
<span class="badge yellow">3</span>
<span class="badge green">34</span>
<span class="badge blue">109</span>
<span class="badge gray">105</span>
<span class="badge dark">129</span>