Button

Размеры

large - большая
middle - средняя
small - маленькая

Цвета

primary  secondary  tertiary  success  danger

primary - синий
secondary - оранжевый
tertiary - черный
success - зеленый
danger - красный

Модификации

outline - обводка и фон
transparent - текстовая кнопка
pressed - активная кнопка
loading - показывает прелоадер и меняет текст кнопки
full - на весь контейнер
fill - на весь контейнер в flex блоке
disabled - блокирует кнопку
mobile - на весь контейнер только для телефонов
icn - оставляет только иконку, становится круглой и прилипает к нижнему правому краю. Текст кнопки должен быть обернут в span
mini - оставляет только иконку, становится круглой. Текст кнопки должен быть обернут в span

Демонстрация

<a class="button large primary">Кнопка</a>
<a class="button middle primary">Кнопка</a>
<a class="button small primary">Кнопка</a>

Кнопка

Кнопка

Кнопка

<a class="button large primary outline">Кнопка</a>

Кнопка

<a class="button large primary transparent">Кнопка</a>

Кнопка

<a class="button large primary loading">Кнопка</a>

Кнопка

<a class="button large primary disabled">Кнопка</a>

Кнопка