/ / Фондация 6 гъвкава мрежа и предварително дефинирани плувки - zurb-foundation, flexbox, zurb-foundation-6

Фондация 6 гъвкава мрежа и предварително дефинирани плувки - zurb-foundation, flexbox, zurb-foundation-6

Харесва ми идеята flex-grid и се чудех дали го използвам правилно. Започнах да използвам Фондация 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 имат съответни плувки върху тях. Знам, че плувки са ненужни в flex-grid.

Моят въпрос (и):

  1. Трябва ли да продължа да използвам сградата flex-grid или трябва да правя нещо допълнително, за да премахнете / замени тези стилове преди време?

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

Отговори:

0 за отговор № 1

За # 2 "кухненска мивка" може да мине true да включите гъвкавата мрежа така:

@include foundation-everything(true);

Те може би са добавили това по някое време в F6.1 или F6.2; официалните документи не отразяват това, но влагам PR да се.

За # 1, може би е по-скоро въпрос на бъг, отколкото проблем с най-добрата употреба, може би трябва Изпращане то?