/ / Foundation 6 flex grid und vordefinierte Schwimmkörper - zurb-foundation, flexbox, zurb-foundation-6

Foundation 6 flex grid und vordefinierte Schwimmkörper - zurb-foundation, flexbox, zurb-foundation-6

Ich mag die Idee von flex-grid und fragte mich, ob ich es richtig benutze. Ich habe einen Build mit Foundation 6 / SASS gestartet und tat es @include foundation-flex-grid;

Beim Erstellen einer einfachen Seite habe ich in meinen DevTools festgestellt, dass bestimmte Objekte aus der Spüle Stile für Objekte verwenden, für die die Anzeige aktiviert ist block und float auf sie.

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

Die Elemente .title-bar-left und .title-bar-right haben entsprechende Schwimmer auf ihnen. Ich weiß, dass Floats im Flex-Grid unnötig sind.

Meine Fragen):

  1. Sollte ich weiter mit bauen bauen? flex-grid oder sollte ich es tun? etwas extra zu entfernen / ersetzen diese Stile im Voraus?

  2. Es scheint mir, dass die Spülbecken auf der Foundation Site ist zugeschnitten auf das normale Netz, ist es sicher, diese Elemente in flex-grid mit wenig Modifikation, oder wird es viel erfordern Neufassung von SASS / CSS?

Antworten:

0 für die Antwort № 1

Für # 2 kann "Küchenspüle" passieren true Flex-Grid wie folgt einschalten:

@include foundation-everything(true);

Sie könnten dies irgendwann in F6.1 oder F6.2 hinzugefügt haben; offizielle Dokumente spiegeln das nicht wider, aber ich habe ein PR zu.

Für # 1 könnte es sich eher um eine Bug-Frage als um ein Best-Usage-Problem handeln, vielleicht sollten Sie das tun vorlegen es?