基础4,指南针和SASS

时间:2013-04-18 22:10:34

标签: sass compass-sass zurb-foundation

我正在使用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。

我看过指南针,时髦和基金会网站,我似乎无法找到如何做到这一点。因为我正在使用Foundation,我认为我需要的信息可能在那里,但我找不到它。这似乎是SASS问题,而不是指南针或F4问题。这有点令人困惑,而且我没有在网上记录下来。

1 个答案:

答案 0 :(得分:4)

使用下划线_footer.scss命名部分内容,然后使用app.scss将其导入@import 'footer'(或任何您称之为的内容)。如果你不在文件名中使用下划线,它将创建一个CSS文件,这似乎是你遇到的问题。

指南针完全不了解您的文件名或结构。

例如,您可以导入文件夹中的文件:

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

或者,如果您安装sass-globbing,则可以导入整个文件夹,如下所示:

@import 'partials/*'