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

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

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

Примечание для оптимизации производительности, мы рекомендуем отключить надстройки, такие как веб-Разработчик и firebug в Firefox.

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

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

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

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

Подробнее

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

Уменьшенная CSS

Чек Minify CSS перед загрузкой вашей темы, поэтому UIkit удаляет все разрывы строк и лишние пробелы из вашего CSS, снизив ее размер значительно.

РТЛ

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

Получаете Less

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