Uikit

Легкий и модульный интерфейсный фреймворк для разработки быстрых и мощных веб-интерфейсов.

Основные компоненты UIKit.

UIKit предлагает более 30 модульных компонентов, которые могут комбинироваться друг с другом. Компоненты разделены на различные группы в соответствии с их назначением и функциональностью.

Базовые

Эти компоненты, как правило, нормализуют HTML-элементов для кросс-браузер функциональность и добавить некоторые очень простые укладки.

Разметка

Примените наш полностью aдаптивный изменчивый грид системы и панелей, общий разметка деталей, таких как блог статьи и комментарии и полезные утилиты классов.

Навигаций

UIkit предложения разных типов навигации, как навигационные панели и боковых навигаций. Использовать панировочные сухари или пагинации рулить с помощью статей.

Элементы

Стиль основные элементы HTML, как таблицы и формы. Эти компоненты использовать свои собственные классы. Они не будут мешать какие-умолчанию элемент стайлинга.

Общие

Здесь вы найдете компоненты, которые вы часто используете в контенте, как пуговицы, иконки, эмблемы, накладки, анимации и многое другое.

JavaScript

Эти компоненты опираются в основном на JavaScript угасать в скрытый контент, вроде выпадающих меню, модальные диалоги, off-холст баров и всплывающие подсказки.

Контрольные точки.

UIKit включает в себя ряд чувствительных классов к стилю вашего контента для различной ширины окна просмотра. Эта таблица дает обзор доступных точек контроля и связанных с ними устройств. Вы можете настроить все контрольные точки по своему желанию.

Размер	Контрольные точки	Устройства
Mini	до 479px	Смартфон (портрет)
Small	480px до 767px	Смартфон (альбом)
Medium	768px до 959px	Планшет (портрет)
Large	960px до 1199px	Компьютер и планшет (альбом)
Xlarge	1200px и больше	Большие экраны

CSS архитектура

Для того, чтобы избежать конфликтов с другими системами CSS, все классы UIKit имеют префикс *uk-*. Компоненты разделяются на сам компонент, суб-объекты и модификаторы, чьи имена классов всегда содержат имя компонента.