Buy Intense Now
Intense Template Documentation
Компоненты
Intense содержит огромное количество предварительно заготовленных и готовых к использованию элементов. Пример добавления каждого элемента Вы можете посмотреть на соответствующих демо-страницах в разделе Components, если откроете исходный код страницы.
Кнопки
В Intense кнопки определяются с помощью 3 составных классов:
-
- .btn
- базовый класс кнопки;
-
- .btn-xs, .btn-sm, .btn-md, .btn-lg, .btn-xl
- классы макета кнопки, отвечающие за ее размер;
-
- .btn-default, .btn-primary, .btn-secondary-*
- классы стилизации кнопки, отвечающие за ее цвет и фон.
Рассмотрим пример:
<a href="#" class="btn btn-lg btn-primary">Read More</a>
В данном примере создается кнопка большого размера со стилизацией по первичному цвету шаблона.
Иконки
Intense содержит более 2500 готовых к использованию шрифтовых иконок. Список всех иконок представлены на странице Components > Toolkit Components > Icons. Для вставки соответствующей иконки на целевую страницу воспользуйтесь следующей разметкой:
<span class="your-icon-class"></span>
Список классов для вставки целевых иконок также доступен на странице Components > Toolkit Components > Icons.
В Intense стилзация иконок определяется аналогично кнопкам:
-
- .icon
- базовый класс иконки;
-
- .icon-xs, .icon-sm, .icon-md, .icon-lg, .icon-xl
- классы макета иконки, отвечающие за ее размер;
-
- .icon-default, .icon-primary, …
- классы стилизации иконки, отвечающие за ее цвет и фон;
-
- fa-*, glyph-*, mdi-* и т.д.
- классы, которые отвечают за вставку кода (символа) иконки.
Рассмотрим пример:
<span href="#" class="icon icon-md icon-default"></span>
В данном примере создается иконка среднего размера со стилизацией по основному цвету шаблона.