/ / Foundation 6 flex grid i predefiniowane pływaki - zurb-foundation, flexbox, zurb-foundation-6

Fundament 6 flex grid i predefiniowane pływaki - zurb-foundation, flexbox, zurb-foundation-6

Podoba mi się ten pomysł flex-grid i zastanawiałem się, czy używam go poprawnie, zacząłem budowę używając Foundation 6 / SASS i zrobiłem @include foundation-flex-grid;

Podczas tworzenia podstawowej strony zauważyłem w moim DevTools, że niektóre przedmioty z zlewozmywaka używają stylów na przedmiotach, które mają ustawione ich wyświetlacze block i float na nich.

Przykład: .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>

Elementy .title-bar-left i .title-bar-right mają odpowiednie pływaki. Wiem, że pływaki nie są potrzebne w siatce elastycznej.

Moje pytania):

  1. Czy powinienem dalej budować używając? flex-grid czy powinienem to robić? coś ekstra do usunięcia / zastąpienia tych stylów z wyprzedzeniem?

  2. Wydaje mi się, że Zlew kuchenny na stronie Fundacji jest dostosowane do normalnej siatki, czy można bezpiecznie używać tych elementów flex-grid z niewielką modyfikacją lub będzie wymagać dużej ilości przepisywanie SASS / CSS?

Odpowiedzi:

0 dla odpowiedzi № 1

W przypadku numeru 2 może przejść "Kitchen-sink" true włączyć flex-grid, jak na przykład:

@include foundation-everything(true);

Być może dodali to kiedyś w F6.1 lub F6.2; oficjalne dokumenty nie odzwierciedlają tego, ale wstawiłem PR do.

Jeśli chodzi o # 1, może to być raczej pytanie o błąd niż problem z najlepszym użyciem, być może powinieneś Zatwierdź to?