zurb-foundation - Foundation 6 フレックス グリッドと定義済みフロート

Question

私はそのアイデアが好きで、flex-gridそれを正しく使用しているかどうか疑問に思っていました. Foundation 6 / SASSを使用してビルドを開始し、実行しました@include foundation-flex-grid;

基本的なページを作成しているときに、DevTools で、キッチン シンクの特定のアイテムが、表示が設定されたアイテムにスタイルを使用していることに気付きまし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は、対応するフロートがあります。フレックスグリッドではフロートが不要であることを知っています。

私の質問:

1. flex-gridこれらのスタイルを事前に削除/置換するために何か特別なことをする必要がありますか?

2. Foundation Site の Kitchen Sinkは通常のグリッド用に調整され ているように思えますが、これらの要素flex-gridをほとんど変更せずに使用しても安全ですか、それとも SASS/CSS を何度も書き直す必要がありますか?

Answer 1

＃2の場合、「キッチンシンク」は次のtrueように渡してフレックスグリッドをオンにすることができます：

@include foundation-everything(true);

これは、F6.1 または F6.2 で追加された可能性があります。公式ドキュメントにはこれが反映されていませんが、PRを行いました。

#1 については、最適な使用方法の問題というよりはバグの質問かもしれませんが、おそらく提出する必要がありますか?