/ / Фундамент 6 гнучка сітка та попередньо встановлені поплавки - zurb-foundation, flexbox, zurb-foundation-6

Фундамент 6 гнучка сітка та заздалегідь визначені поплавки - zurb-foundation, flexbox, zurb-foundation-6

Мені подобається ідея flex-grid і мені було цікаво, чи правильно я його правильно використовую. Я почав будувати, використовуючи Foundation 6 / SASS, і зробив це @include foundation-flex-grid;

Створюючи основну сторінку, я помітив у моєму DevTools, що певні елементи з раковини кухні використовують стилі на елементах, на яких встановлено їхні екрани block і float на них.

Приклад: .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>

Елементи .title-bar-left і .title-bar-right мати відповідні поплавки на них. Я знаю, що поплавці не потрібні в гнучкій сітці.

Моє запитання (и):

  1. Чи повинен я продовжувати віддалятися від використання flex-grid чи я повинен робити це? щось додаткове, щоб видалити / замінити ці стилі заздалегідь?

  2. Мені здається, що Кухонна мийка на сайті фонду є адаптований для нормальної сітки, чи безпечно використовувати ці елементи в flex-grid з невеликою модифікацією, або це буде вимагати багато переписування SASS / CSS?

Відповіді:

0 для відповіді № 1

Для # 2 може пройти кухня-раковина true щоб включити flex-grid так:

@include foundation-everything(true);

Вони могли додати це коли-небудь в F6.1 або F6.2; офіційні документи не відображають це, але я вклав a PR до

Для # 1 може бути більше питання про помилку, ніж проблема з найкращим використанням, можливо, вам слід подати це?