SASS / Compass Mixin para Flexbox (nuevo y heredado)

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.