首页 文章

基础4,指南针和SASS

提问于
浏览
2

我正在使用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 Watch ,它还会创建我的每个部分...这些不需要,因为它们被附加到app.css .

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

1 回答

  • 4

    命名以下划线 _footer.scss 开头的部分,然后使用 @import 'footer' 将它们导入 app.scss (或任何你称之为的) . 如果你没有't use an underscore in the file name, it will create a CSS file, which seems to be the problem you' .

    Compass完全不了解您的文件名或结构 .

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

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

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

    @import 'partials/*'
    

相关问题