Zurb Foundation 5'无声'占位师课程？

Question

所以我知道你可以在包含基础scss / css之后扩展基础课程，我知道你可以将课程包含在dom（OOCSS样式）中，但这是我的用例：

我有样式表menus.scss。这与Foundation.scss一起编译为app.css。

我可以在这里使用@extend，因为我之前已经包含了基金会。

#menu {
    @extend .top-bar;
}

问题

现在，我想要编辑一个单独的工作表（因为它可能只包含在一些页面上）

现在，如果我@import成为这个样式表的基础，我将最终将框架包含两次（当然这很疯狂。）

所以... 也许一个解决方案是让一个版本的框架适用于静默类EG：%top-bar所以我可以在任何地方都包含基础而不用担心重复大量的码。我知道有一些基本组件需要全局包含，以便子类可以工作但我还能怎么做呢？

据我所知，无声框架不存在所以我正在寻找替代方案..

想法？

Answer 1

如果您可以将对grid，type，visibility组件等初始页面布局至关重要的css隔离开，并将其内嵌到页眉中，或者如果您有一大堆页面，在css文件中，最终大小在1-1.5k以下（真的很难）。 然后你可以推迟辅助css，它们的大小不会太大。

或者你可以使用一些css清理工具来删除选择器副本或只是制作你自己的，它非常简单，因为整个css块都匹配。