将Bourbon与Bitters和Neat结合使用

Question

我想在我的下一个项目中使用带有 Neat 和 Bitters 的波旁威士忌。我已经安装了所有三个，但我不知道如何继续。

我是在项目文件夹中单独使用这三个文件夹，还是需要将不同的导入添加到_bourbon.scss中，以便将所有导入都放在一个主文件中？

例如，在Bourbon (在插件中)和Bitters (在扩展中)文件夹中有button.scss、clearfix.scss和hide-text.scss，当它们一起使用时不会发生冲突吗？

感谢所有帮助:)

Answer 1

你必须导入插件的文件(波旁，纯和苦味)到一个主文件中。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