在多个SCSS文件中包含基础变量

Question

我想在Rails 4应用程序中使用Foundation 5。我遇到的问题是我希望除了Foundation之外还有一些自定义CSS。在我的CSS中，我想使用Foundation的一些变量。要使用他们我增加了以下我的SCSS文件

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

这个伟大的工程，除了有一些垃圾还包括了每个页面上的顶部。根据https://github.com/zurb/foundation/issues/1629这不应该发生。

如果您在这里查看源代码https://github.com/zurb/foundation/blob/master/scss/foundation/components/_global.scss，则可以看到将包含从第284行开始的元素。

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

有没有任何方法可以包括这个文件没有它包括任何文本？

Answer 1

我才发现，原来使用

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

将包括所有变量和混入，但不会给您的SCSS文件添加任何东西！

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