/ / Foundation 6 flex grid e float predefiniti - zurb-foundation, flexbox, zurb-foundation-6

Flexline di Foundation 6 e galleggianti predefiniti: zurb-foundation, flexbox, zurb-foundation-6

Mi piace l'idea di flex-grid e mi chiedevo se lo stavo usando correttamente. Ho iniziato una build usando Foundation 6 / SASS e l'ho fatto @include foundation-flex-grid;

Durante la creazione di una pagina di base, ho notato nel mio DevTools che alcuni elementi del sink di cucina utilizzano stili su oggetti con i loro display impostati su block e float su di essi.

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

Gli elementi .title-bar-left e .title-bar-right hanno galleggianti corrispondenti su di loro. So che i galleggianti non sono necessari nella rete flessibile.

Le mie domande):

  1. Dovrei continuare a costruire usando flex-grid o dovrei fare qualcosa in più per rimuovere / sostituire quegli stili prima del tempo?

  2. Mi sembra che il Lavandino sul sito della Fondazione è su misura per la normale griglia, è sicuro utilizzare questi elementi in flex-grid con poche modifiche, o richiederà molto riscrittura di SASS / CSS?

risposte:

0 per risposta № 1

Per # 2, "Kitchen-sink" può passare true per attivare la griglia flessibile in questo modo:

@include foundation-everything(true);

Potrebbero aver aggiunto questo a volte in F6.1 o F6.2; i documenti ufficiali non lo riflettono, ma ho inserito un PR a.

Per il n. 1, potrebbe essere più una questione di bug che un problema di utilizzo migliore, forse dovresti Sottoscrivi vero?