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

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


Точки останова : Breakpoints

Фреймворк UIkit 2 включает в себя ряд адаптивных классов для разных размеров области просмотра. В этой таблице представлен обзор доступных точек останова и связанных с ними устройств.

Size Breakpoints Device
Mini up to 479px Phones portrait
Small 480px to 767px Phones landscape
Medium 768px to 959px Tablets portrait
Large 960px to 1219px Desktops & tablets landscape
Xlarge 1220px and larger Large Desktops

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

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

Объяснение

Объект Описание
Компонент Компоненты абстрагируют повторяющиеся части веб-сайта в модули на основе классов, например, кнопки. Их можно комбинировать и использовать повторно.
Sub-объект Sub-объекты помещаются в компонент для повышения и улучшения его функциональности. Например, кнопка закрытия в окне предупреждения.
Модификатор Классы модификаторов изменяют стиль компонентов и их подобъектов, таких как цвета и размеры кнопок.