/ / Fondation 6 Flex Grid et flotteurs prédéfinis - zurb-foundation, flexbox, zurb-foundation-6

Grille flexible Foundation 6 et flotteurs prédéfinis - zurb-foundation, flexbox, zurb-foundation-6

J'aime l'idée de flex-grid et je me demandais si je "l'utilisais correctement. J'ai commencé une construction en utilisant Foundation 6 / SASS et ai fait @include foundation-flex-grid;

Lors de la création d'une page de base, j'ai remarqué dans mes devtools que certains éléments de l'évier de cuisine utilisaient des styles sur des éléments dont l'affichage était défini sur block et float sur eux.

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

Les éléments .title-bar-left et .title-bar-right avoir des flotteurs correspondants sur eux. Je sais que les flotteurs sont inutiles en flex-grid.

Mes questions):

  1. Devrais-je continuer à construire en utilisant flex-grid ou devrais-je faire quelque chose de plus pour supprimer / remplacer ces styles à l'avance?

  2. Il me semble que le Évier de cuisine sur le site de la fondation est adapté à la grille normale, est-il sûr d’utiliser ces éléments flex-grid avec peu de modification, ou faudra-t-il beaucoup de réécriture de SASS / CSS?

Réponses:

0 pour la réponse № 1

Pour # 2, "évier de cuisine" peut passer true pour activer la grille comme ça:

@include foundation-everything(true);

Ils ont peut-être ajouté ceci dans F6.1 ou F6.2; documents officiels ne reflètent pas cela, mais je mets un PR à.

Pour # 1, peut être plus une question de bogue qu'un problème de meilleure utilisation, peut-être devriez-vous soumettre il?