我正在使用Foundation 4,Compass和SASS(我使用Compass gem创建新项目)。但是,我有点失落。我在哪里放置自己的scss文件?
Compass创建一个包含
的sass样式表目录我以模块化方式工作,我有很多样式表,如导航,内容,页脚等。我在哪里包含我的scss文件?创建一个partials文件夹,然后在app.scss中导入它们吗?
如果我将它们导入到app.scss中,这会将我的CSS附加到app.css的末尾。但是,使用Compass手表,它还会创建我的每个部分...这些不需要,因为它们被附加到app.css。
我看过指南针,时髦和基金会网站,我似乎无法找到如何做到这一点。因为我正在使用Foundation,我认为我需要的信息可能在那里,但我找不到它。这似乎是SASS问题,而不是指南针或F4问题。这有点令人困惑,而且我没有在网上记录下来。
答案 0 :(得分:4)
使用下划线_footer.scss
命名部分内容,然后使用app.scss
将其导入@import 'footer'
(或任何您称之为的内容)。如果你不在文件名中使用下划线,它将创建一个CSS文件,这似乎是你遇到的问题。
指南针完全不了解您的文件名或结构。
例如,您可以导入文件夹中的文件:
@import 'partials/footer'
@import 'partials/navigation'
或者,如果您安装sass-globbing,则可以导入整个文件夹,如下所示:
@import 'partials/*'