/ / Rejilla flexible de Foundation 6 y flotadores predefinidos - zurb-foundation, flexbox, zurb-foundation-6

Rejilla flexible de Foundation 6 y flotadores predefinidos - zurb-foundation, flexbox, zurb-foundation-6

Me gusta la idea de flex-grid y me preguntaba si lo estoy usando correctamente. Comencé una creación usando Foundation 6 / SASS y lo hice @include foundation-flex-grid;

Al construir una página básica, noté en mis DevTools que ciertos elementos del fregadero de la cocina están utilizando estilos en los elementos que tienen sus pantallas configuradas para block y float en ellos.

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

Los elementos .title-bar-left y .title-bar-right tener carrozas correspondientes en ellos. Sé que los flotadores son innecesarios en flex-grid.

Mis preguntas):

  1. ¿Debo seguir construyendo usando flex-grid o debería estar haciendo algo extra para eliminar / reemplazar esos estilos antes de tiempo?

  2. Me parece que el Fregadero de cocina en el sitio de la Fundación es adaptado para la grilla normal, ¿es seguro usar estos elementos en flex-grid con poca modificación, o requerirá mucha reescritura de SASS / CSS?

Respuestas

0 para la respuesta № 1

Para # 2, "Kitchen-sink" puede pasar true para encender la rejilla flexible de esta manera:

@include foundation-everything(true);

Podrían haber agregado esto alguna vez en F6.1 o F6.2; los documentos oficiales no reflejan esto, pero puse una PR a.

Para el n. ° 1, podría ser más una pregunta de error que un problema de mejor uso, tal vez deberías enviar ¿eso?