首页 文章

Foundation 6 flex grid和预定义的浮点数

提问于
浏览 次
0

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

在构建基本页面时，我在DevTools中注意到，Kitchen水槽中的某些项目正在对其显示设置为 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中不需要浮点数 .

我的问题：

  • 我应该继续使用_1385899进行构建还是应该做些额外的事情来提前删除/替换这些样式？

  • 在我看来Kitchen Sink on the Foundation Site是为普通网格量身定制的，在 flex-grid 中使用这些元素几乎没有什么修改是安全的，还是需要大量重写SASS / CSS？

zurb-foundation flexbox zurb-foundation-6

1 回答

  • 0

    对于＃2，'Kitchen-sink'可以通过 true 打开flex-grid，如下所示：

    @include foundation-everything(true);

    他们可能在F6.1或F6.2中添加了这个;官方文档没有反映这一点，但我把它放到了PR .

    对于＃1，可能更多的是一个bug问题，而不是一个最佳使用问题，也许你应该submit它？

    回复于

相关问题