Question

我想在下一个项目中使用Bourbon with Neat and 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

使用Bourbon与苦味和整洁

1 个答案: