Nadácia 6 flex grid a preddefinované plaváky - zurb-foundation, flexbox, zurb-foundation-6

Mám rád myšlienku flex-grid a premýšľal som, či ju správne používam, začal som stavať pomocou nadácie 6 / SASS a urobil @include foundation-flex-grid;

Pri vytváraní základnej stránky som si v aplikácii DevTools všimol, že niektoré položky z kuchynského drezu používajú štýly na položkách, ktorých zobrazenia sú nastavené na block a float na nich.

Príklad: .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>

Prvky .title-bar-left a .title-bar-right majú zodpovedajúce plaváky na nich. Viem, že plaváky sú v flex-gride zbytočné.

Moja otázka (otázky):

1. Mala by som pokračovať v budovaní flex-grid alebo by som mal robiť niečo navyše na odstránenie / nahradenie týchto štýlov pred časom?

2. Zdá sa mi, že Kuchyňa umývadlo na stránkach nadácie je prispôsobené pre bežnú sieť, je bezpečné použiť tieto prvky flex-grid s malou zmenou, alebo bude vyžadovať veľa prepisovanie SASS / CSS?

odpovede:

Pre č. 2 môže prejsť "kuchynský drez" true zapnúť flex-grid ako takto:

@include foundation-everything(true);

Mohli to niekedy pridať do F6.1 alebo F6.2; oficiálne doklady to neodrážajú, ale vložil som to PR k.

Pre číslo č. 1, môže to byť viac ako otázka chyby, než otázka najlepšieho použitia, možno by ste mali Predložiť to?