基础 4、指南针和 SASS

Question

我正在使用 Foundation 4、Compass 和 SASS（我使用 Compass gem 来创建新项目）。但是，我有点失落。我在哪里放置自己的 scss 文件？

Compass 创建一个包含

的 sass 样式表目录

• _settings.scss
• app.scss
• normalize.scss

我以模块化方式工作，我有许多样式表，例如导航、内容、页脚等。我在哪里包含我的 scss 文件？是否创建一个 partials 文件夹，然后将它们导入 app.scss 中？

如果我将它们导入 app.scss，这会将我的 CSS 附加到 app.css 的末尾。但是，使用 Compass 手表，它还会创建我的每一个部分......因为它们被附加到 app.css，所以不需要它们。

我查看了 compass、sassy 和 Foundation 网站，但似乎不知道如何执行此操作。因为我使用的是 Foundation，所以我认为我需要的信息可能在那里，但我找不到。这似乎是 SASS 问题，而不是 Compass 或 F4 问题。这有点令人困惑，并且根据我能找到的内容没有记录在网络上。

Answer 1

以下划线_footer.scss 开头的部分命名，然后使用@import 'footer' 将它们导入您的app.scss（或任何您称之为的名称）。如果您不在文件名中使用下划线，它将创建一个 CSS 文件，这似乎是您遇到的问题。

Compass 完全不知道您的文件名或结构。

例如，您可以导入文件夹中的文件：

@import 'partials/footer'
@import 'partials/navigation'

或者，如果你安装sass-globbing，你可以像这样导入整个文件夹：

@import 'partials/*'