Sass 我能避免Zurb基金会4复制的CSS吗?
我正在使用ZF4,最近我注意到我的css文件有多大。特别是在一个页面上,我有10行sas,它们使用网格混合,所以我“优化”了我的导入,并做到了这一点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'
@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,所以我猜这是不需要的复制。可能的