Can I avoid duplicated css with Zurb Foundation 4?
Im using ZF4 and I recently noted how big my css files are. On one page in
particular I have 10 lines of sass, that uses the grid mixins, so I
"optimized" my imports, and got to this
@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%;
}
}
The two imports gives me an overhead of 700 lines of CSS!!!. And Im more
than glad to add those 700 lines in my app.css, given that I have lots of
pages that uses the grid system, but why should I have that much
duplicated css in all my pages?
Is there a way I can avoid that?
No comments:
Post a Comment