Framework Averin.pro 5.0.2

CSS Framework студии Артемия Аверина

Кнопки

Framework начиная с версии 4.0 придерживается принципа "любой элемент может иметь любой стиль, при этом на зависит от других элементов".

Настройка

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

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

Размеры: .small, .big

Состояния: .disabled, .active

Дочерние свойства: размеры is-col, is-*

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

Примеры

<a href="javascript://" class="button">Кнопка через ссылку</a>
<button class="button">Кнопка button</button>
<input type="submit" class="button" value="Кнопка input"> 
<a href="#" class="button small">Маленькая кнопка</a>
<a href="#" class="button">Стандартная кнопка</a>
<a href="#" class="button big">Большая кнопка</a> 
<a href="#" class="button">Стандартная кнопка</a>
<a href="#" class="button red">Красная кнопка</a>
<a href="#" class="button yellow">Желтая кнопка</a>
<a href="#" class="button green">Зеленая кнопка</a>
<a href="#" class="button blue">Синяя кнопка</a>
<a href="#" class="button gray">Серая кнопка</a>
<a href="#" class="button dark">Тёмная кнопка</a> 
<a href="#" class="button disabled">Отключенная кнопка</a> 
<a href="#" class="button active">Активаня кнопка</a> 
<a href="#" class="button is-10">Кнопка</a>
<a href="#" class="button is-50">Кнопка</a>
<a href="#" class="button is-100">Кнопка</a> 
Новости

Старт
Скачать

Типографика
Сетка
Формы
Таблицы
Кнопки
Метки
Пагинация
Крошки
Окна
Аниматор
Подсказки
Наверх
Уведомления
Помощники
Плагины

5.0.2 - 19 мая 2023 года

Новости

Старт
Скачать

Типографика
Сетка
Формы
Таблицы
Кнопки
Метки
Пагинация
Крошки
Окна
Аниматор
Подсказки
Наверх
Уведомления
Помощники

Плагины

Версия 5.0.2 - 19 мая 2023 года

Задать вопрос   Задать вопрос
Вы можете задать вопросы Whatsapp Telegram Viber Vkontakte Facebook E-Mail
Отмена

Framework Averin.pro

Вы можете задать вопросы

Whatsapp Telegram Facebook Telegram E-Mail

Закрыть