Safari 14.1 agrega soporte para Flexbox Gaps

¡Sí, está aquí! Según se informa, Safari 14.1 agrega soporte para la gappropiedad en diseños de flexbox. Hemos tenido grid-gapsoporte durante algún tiempo, pero fiel a su nombre, se limita a diseños de cuadrícula. Ahora podemos usar gapen cualquier tipo de diseño:

.container {  display: flex;  flex-flow: row wrap;  gap: 1.5rem;} 

Apple ha estado bastante callada sobre la actualización. Ni siquiera me enteré hasta que Eric Meyer lo mencionó en un correo electrónico, y solo se enteró cuando Jen Simmons lo tuiteó.

¿Viste? Safari 14.1 se envió ayer… incluyendo soporte para Gaps en Flexbox.

(*¿Puedo usar y MDN aún deben actualizarse, por lo que aún no muestran soporte… pero está ahí! Pruébelo).

– Jen Simmons (@jensimmons) 27 de abril de 2021

Revisé el estado de la función CSS de WebKit y, efectivamente, es compatible . Simplemente no se mencionó en las notas de la versión. Todavía no se ha publicado nada en el archivo de notas de la versión de Safari , por lo que tal vez nos enteremos oficialmente allí en algún momento. Por ahora, parece que la descripción general de Maximiliano Firtman de iOS 14.5 es la mirada más profunda a las novedades .

Y qué oportuno es que Eric haya cubierto recientemente cómo usar la gappropiedad , no solo en diseños de cuadrícula y flexbox, sino también en varias columnas.