Question

我正在使用ZF4，我最近注意到我的css文件有多大。特别是在一个页面上，我有10行sass，它使用了网格mixins，所以我“优化”了我的导入，并得到了这个

@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？

有没有办法可以避免这种情况？

Answer 1

@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文档可以使用“性能提示”部分并在其中包含此提示。而且每页都不包括基础。

我可以避免与Zurb Foundation 4重复使用css吗？

1 个答案: