# Less & Sass 文件 一個涵蓋包括 LESS 和 Sass 在內所有分發文件的獨立 UIkit Bower 倉庫。 UIkit 的偉大之處在于，你可以很輕松地將它的源文件集成到你的項目中，并能保障在你的自定義工作流能使用你最喜愛的CSS預處理器來構建資源（assets）。 UIkit 使用 [Bower](http://bower.io/) 包管理器來加載資源（assets）。因此 UIkit 自動生成分發文件到獨立的 [Bower UIkit repository](https://github.com/uikit/bower-uikit)。它包含所有來自 UIkit 及其組件的 CSS、Less、SCSS 和 Javascript文件。 ### 獲取最新的 UIkit 分發文件 1. 安裝 [Bower](http://bower.io/) : `bower install uikit` 2. 或者，從 [Github](https://github.com/uikit/bower-uikit/) 獲取包。 你會發現 Less 和 Sass 文件都存在，在它們各自獨立的文件夾中： ``` /uikit less/ uikit.less ... scss/ uikit-mixins.scss uikit.scss ... ``` ## 在你的項目中嵌入 Less 使用 Less 是真的直截了當。只需在 Less 文件的頂部引入 UIkit及其 附加組件，然后利用 UIkit 的鉤子和覆寫 UIkit 變量，就能開始定制了。 ### Example ``` @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 和附加組件的文件。 ### Example ``` @import "uikit/scss/uikit-mixins.scss"; // 此處填入你的代碼，比如： mixins, variables @import "uikit/scss/uikit.scss"; @import "uikit/scss/components/autocomplete.scss"; ```