Less & Sass файлы
Отдельный Bower UIkit репозиторий содержит все файлы, включая распределение Less и Sass.
Самое замечательное в UIkit заключается в том, что вы можете легко интегрировать его исходные файлы в ваш проект, чтобы сохранить Ваш пользовательский проект рабочего процесса для строительных активы и остаться с предпочтительным CSS препроцессора.
UIkit использует менеджер пакетов Bower для загрузки активов. Поэтому UIkit автоматически генерирует дистрибутивы в отдельный Bower UIkit репозитория. Он содержит все CSS, Less, SCSS и JavaScript файлов из UIkit и ее компонентов.
Получить последние UIkit распределение
Вы найдете и то и другое, Less файлы и Sass файлы бок о бок, порознь в своих папках:
/uikit
less/
uikit.less
...
scss/
uikit-mixins.scss
uikit.scss
...
Встраивание Less в ваш проект
Используя Less - это довольно просто. Просто включить UIkit и дополнительных компонентов в верхней части вашей главной Less файл и приступить к настройке, используя UIkits подключения и переопределить ее переменных.
Пример
@import "uikit/less/uikit.less";
@import "uikit/less/components/autocomplete.less";
// your custom code goes here, e.g. mixins, variables
Встраивание Sass в ваш проект
Из-за способа Sass - парсинг кода, необходимо, чтобы вы включать uikit-mixins.scss
первый затем добавить настройки (подключения, переменных) и, наконец, UIkit и дополнительные компоненты.
Пример
@import "uikit/scss/uikit-mixins.scss";
// your custom code goes here, e.g. mixins, variables
@import "uikit/scss/uikit.scss";
@import "uikit/scss/components/autocomplete.scss";