/ / 6 grade de base flexível e flutuadores predefinidos - zurb-foundation, flexbox, zurb-foundation-6

Grade flexível da Fundação 6 e flutuadores predefinidos - zurb-foundation, flexbox, zurb-foundation-6

Eu gosto da ideia de flex-grid e queria saber se eu estou usando corretamente. Eu comecei uma compilação usando Foundation 6 / SASS e fiz @include foundation-flex-grid;

Ao criar uma página básica, notei em meus DevTools que certos itens da pia da cozinha estão usando estilos em itens que têm seus monitores configurados como block e float neles.

Exemplo: .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>

Os elementos .title-bar-left e .title-bar-right tem flutuadores correspondentes neles. Eu sei que os flutuadores são desnecessários em flex-grid.

Minhas perguntas):

  1. Devo continuar construindo usando flex-grid ou eu deveria estar fazendo algo extra para remover / substituir esses estilos antes do tempo?

  2. Parece-me que o Pia da Cozinha no Site da Fundação é sob medida para a rede normal, é seguro usar esses elementos em flex-grid com pouca modificação, ou vai exigir muita reescrevendo SASS / CSS?

Respostas:

0 para resposta № 1

Para # 2, "pia da cozinha" pode passar true para ativar o flex-grid da seguinte forma:

@include foundation-everything(true);

Eles podem ter adicionado isso em algum momento em F6.1 ou F6.2; documentos oficiais não "refletem isso, mas eu coloquei em um PR para.

Para o número 1, pode ser mais uma questão de bug do que um problema de melhor uso, talvez você devesse enviar isto?