Less & Sass файлы

Отдельный Bower UIkit репозиторий содержит все файлы, включая распределение Less и Sass.

Самое замечательное в UIkit заключается в том, что вы можете легко интегрировать его исходные файлы в ваш проект, чтобы сохранить Ваш пользовательский проект рабочего процесса для строительных активы и остаться с предпочтительным CSS препроцессора.

UIkit использует менеджер пакетов Bower для загрузки активов. Поэтому UIkit автоматически генерирует дистрибутивы в отдельный Bower UIkit репозитория. Он содержит все CSS, Less, SCSS и JavaScript файлов из UIkit и ее компонентов.

Получить последние UIkit распределение

1. Установить с Bower bower install uikit
2. Или получить пакет от На github

Вы найдете и то и другое, 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";