frameworks - 使用带有苦味和整洁的波旁威士忌

Question

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

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

例如，Bourbon（在插件中）和Bitters（在扩展中）文件夹中有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