Sass 我能避免Zurb基金会4复制的CSS吗?

Sass 我能避免Zurb基金会4复制的CSS吗?,sass,zurb-foundation,compass-sass,Sass,Zurb Foundation,Compass Sass,我正在使用ZF4,最近我注意到我的css文件有多大。特别是在一个页面上,我有10行sas,它们使用网格混合,所以我“优化”了我的导入,并做到了这一点 @import "settings"; @import "foundation/components/global"; // *always required @import "foundation/components/grid"; .tag-list-filter { @include grid-row('nest-collapse'

我正在使用ZF4,最近我注意到我的css文件有多大。特别是在一个页面上,我有10行sas,它们使用网格混合,所以我“优化”了我的导入,并做到了这一点

@import "settings";
@import "foundation/components/global"; // *always required
@import "foundation/components/grid";

.tag-list-filter {
    @include grid-row('nest-collapse');

    .sub-nav {
        @include grid-column(6);
        margin: 0;
    }
    .date-in-filter {
        @include grid-column(4,true);
        label {
            display: inline;
        }
        input[type="text"] {
            display: inline;
            width: 50%;
        }
    }
}
这两个导入给了我700行CSS的开销!!!。我非常高兴在app.css中添加这700行,因为我有很多使用网格系统的页面,但是为什么我的所有页面中都要有那么多重复的css呢


有什么方法可以避免这种情况吗?

@Cimmanon的建议是正确的,添加此选项解决了我的问题:

@import "settings";
$include-html-grid-classes: false;
$include-html-classes: false;
$include-print-styles: false;

@import "foundation/components/global"; // *always required
@import "foundation/components/grid";
每个组件可能都有自己的变量来控制是否打印样式


顺便说一下,Zurbs文档可以使用“性能提示”部分,并将此提示包含在其中。另外,在每个页面中都不包含基础。

什么是复制的?由“基础/组件/全局”导入的CSS;(大约125行)并导入“基础/构件/网格”;(大约600行)。问题是,我需要在我的大多数页面中包含这些内容,因为sass需要了解变量和混合,这很好,但是在这个重复的css中,还有一些内容,比如body标签的默认规则,现在,我已经为其设置了normalize.css,所以我猜这是不需要的复制。可能的