0

我喜欢这个想法flex-grid并且想知道我是否正确使用它。我使用 Foundation 6 / SASS 开始构建并做了@include foundation-flex-grid;

在构建基本页面时，我在 DevTools 中注意到 Kitchen sink 中的某些项目正在使用它们的显示设置的项目的block样式float。

例子：.title-bar

<div class="title-bar">
        <div class="title-bar-left">
          <button class="menu-icon" type="button"></button>
          <span class="title-bar-title">Foundation</span>
        </div>
        <div class="title-bar-right">
          <button class="menu-icon" type="button"></button>
        </div>
      </div>

元素.title-bar-left并.title-bar-right在其上具有相应的浮点数。我知道浮动网格在 flex-grid 中是不必要的。

我的问题：

  1. 我应该继续使用flex-grid还是应该做一些额外的事情来提前删除/替换这些样式？

  2. 在我看来，Foundation Site 上的 Kitchen Sink是为普通网格量身定制的，只需稍加修改就可以安全地使用这些元素 flex-grid，还是需要大量重写 SASS/CSS？

4

1 回答 1

0

对于#2，'Kitchen-sink' 可以true像这样传递来打开 flex-grid：

@include foundation-everything(true);

他们可能在 F6.1 或 F6.2 的某个时候添加了这个；官方文档没有反映这一点，但我提交了一个PR。

对于＃1，可能更多的是错误问题而不是最佳使用问题，也许您应该提交它？

于 2016-03-05T22:57:38.950 回答