使用Bourbon与苦味和整洁

Question

我想在下一个项目中使用Bourbon with Neat和Bitters.我已经安装了所有三个,但我不知道如何继续.

我是否在项目文件夹中单独使用这三个文件夹,或者是否需要将不同的导入添加到_bourbon.scss中,以便在一个主文件中包含所有导入？

例如,在Bourbon(插件)和Bitters(在extends)文件夹中有button.scss,clearfix.scss和hide-text.scss,这些在一起使用时不会发生冲突吗？

所有帮助表示赞赏:)

Answer 1

您必须将插件(波本威士忌,纯粹和苦味)的文件导入一个主文件.Button.scss,clearfix.scss和hide-text.scss不会发生冲突.

这就是我组织我目前正在进行的项目的方式:

- project
|--css
      |--base //(Bitters)
      |--bourbon
      |--neat
      |--application.sass
      |--application.css
|--js
|--img
|--index.html

在application.sass中,这是我的初始代码:

@import 'bourbon/bourbon'
@import 'base/base'
@import 'neat/neat'

所以我在我的主.sass文件中导入Bourbon,Bitters和Neat,这样我就可以轻松地开始使用它们了.您可以开始更改base/_variables.scss中的默认设置

有关详情,请查看此视频:http://www.youtube.com/watch？v = 8ItNE_DX6Cc