Flexbox es increíble y me parece triste que muchos desarrolladores no lo estén usando. Las razones van desde “es demasiado difícil” hasta “aún no es totalmente compatible” y “¡no quiero admitir ambas especificaciones!” Bueno, te lo hice bastante fácil.
Construí un mixin SASS / Compass (bueno, una serie de mixins) que permite a un desarrollador construir muy fácilmente un diseño de caja flexible utilizando la nueva sintaxis que traducirá automáticamente sus valores al formato heredado para admitir navegadores que no se han puesto al día. la especificación . Es tan simple como:
.container {
@include flexcontainer;
}
.child {
@include flexchild;
}Por supuesto, hay muchas propiedades configurables y un flexprop()mixin auxiliar para propiedades individuales. El mixin creará todo el código necesario para el soporte heredado y traducirá las propiedades basadas en especificaciones en las extrañas propiedades propietarias de IE.