Верхний блок над шапкой
 
+7 (495) 021-98-78

Кнопки и ссылки

Категории: 
13:02 - 12.02.2018
Базовые классы

.btn

объявляет, что элемент является кнопкой

Пример:
<a href="#" class="btn">Кнопка</a>

Стилевые классы

.small

делает кнопку маленькой

.simple

делает кнопку прозрачной

.rounded

устанавливает скругление углов кнопки 100рх

.s_black, .s_orange, .s_blue, .s_red

устанавливает цвет кнопки (градиент)

Примеры:
<a href="#" class="btn small">Кнопка</a>
<a href="#" class="btn simple">Кнопка</a>
<a href="#" class="btn rounded">Кнопка</a>
<a href="#" class="btn s_black">Кнопка</a>
<a href="#" class="btn s_orange">Кнопка</a>
<a href="#" class="btn s_blue">Кнопка</a>
<a href="#" class="btn s_red">Кнопка</a>

Иконочные классы

.i-facebook, .icon-shopping-cart, .icon-lifebuoy и т.д.

добавляет указанную иконку

.icon

делает иконку абсолютно позиционированной

Пример:
<a href="#" class="btn icon-shopping-cart">Кнопка</a>

Шрифтовые классы

.big, .bigger, .biggest, .smaller, .smallest, .micro

управляет размером шрифта

.bold, .medium, .light

управляет начертанием шрифта

Пример:
<a href="#" class="btn big bold">Кнопка</a>