Как настроить

Создайте свой собственный стиль с помощью настройщика UIkit 2.

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


Использование

Выберите тему из списка, которую вы хотели бы изменить. Кликните на квадратик с выбором цвета, чтобы открыть диалоговое окно и измените на свой цвет. Для регулировки числового значения, как ширина или отступ, просто щелкните мышью в текстовой области и введите свое собственное значение. Настройщик применяет всё автоматически. Как только вы будете довольны результатом, нажмите Get CSS, загрузите новую тему и переместите в папку стилей UIkit - /css.

Расширенный режим

Переменные в пределах настройщика разделены на две основные части. Переменные, которые отображаются по умолчанию и переменные, которые появляются в расширенном режиме (Advanced Mode). Видимые переменные обычно глобальные, потому что они в большинстве определяют значение составляющей переменных. Чтобы увидеть весь список переменных, просто установите на Расширенный режим.

Дополнительно

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

Минимизированный CSS

Установите галочку Minify CSS перед загрузкой вашей новой темы. Настройщик удалит все разрывы строк и лишние пробелы из вашего CSS, значительно сократив размер файла.

RTL - Сайт справа налево

Перевернуть интерфейс сайта под RTL. Подключить RTL-стандарт.

UIkit 2 предоставляет возможность изменить всё "на лету". Все, что вам нужно сделать, это установить режим RTL и вся тема будет сконвертирована автоматически.

Get Less

При необходимости, вы также можете скачать только переменные, в одном Less файле, чтобы использовать их в вашем проекте.