Question

我正在尝试在Rails 4应用程序中使用Foundation 5。我遇到的问题是除了Foundation之外我还想要一些自定义CSS。在我的CSS中，我想使用Foundation中的一些变量。要使用它们，我确实将以下内容添加到我的scss文件顶部

$include-html-classes: false;
@import "foundation/components/global";

这很好用，除了每页还有一些垃圾。根据{{3}}，这不应该发生。

如果您在这里查看来源https://github.com/zurb/foundation/issues/1629，那么您可以看到包含从第284行开始的元数据。

这是一个问题，因为它将包含在我想要使用变量/ mixins的每个页面上。 Rails 4将所有css文件组合成一个一遍又一遍的相同代码......

是否有任何方法可以在没有任何文本的情况下包含此文件？

Answer 1

我刚刚发现使用

@import "foundation/functions";
@include exports("global") {}
@import "foundation/components/global";

将包含所有变量和mixins，但不会向scss文件中添加任何内容！

我认为这是因为每次包含全局文件时，导出功能都是为了防止css被复制。通过伪造导出函数调用它认为它已经添加了css。