chef-flex
Es una pequeña librería de postcss capaz de simplificar la creación de layout a base de flexbox.
Ejemplo
chef-flex analiza el uso de row y column, para modificar los parámetros que lo acompañen simplificando la definición al momento de construir layout con flexbox
row
permite que el contenido dentro del contenedor se alinea como enseña la imagen.
/**entrada**//**salida**/
column
permite que el contenido dentro del contenedor se alinea como enseña la imagen.
/**entrada**//**salida**/
inline
contenedor que resetea el largo a automático y modifica la propiedad display flex por inline-flex
/**entrada**//**salida**/
top
permite direccionar el contenido en la parte superior del contenedor
row
/**entrada**//**salida**/
column
/**entrada**//**salida**/
right
permite direccionar el contenido en la parte derecha del contenedor
row
/**entrada**//**salida**/
column
/**entrada**//**salida**/
bottom
permite direccionar el contenido en la parte inferior del contenedor
row
/**entrada**//**salida**/
column
/**entrada**//**salida**/
left
permite ampliar el contenido en la parte izquierda del contenedor
row
/**entrada**//**salida**/
column
/**entrada**//**salida**/
middle
permite direccionar el contenido al centro del en el eje Y
row
/**entrada**//**salida**/
column
/**entrada**//**salida**/
center
permite direccionar el contenido al centro del en el eje X
row
/**entrada**//**salida**/
column
/**entrada**//**salida**/
centered
permite apilar todo el contenido al centro
row
/**entrada**//**salida**/
column
/**entrada**//**salida**/
flex(split)
otorga la propiedad de ancho autoajustable
flex(reset)
otorga la propiedad de ancho autoajustable
relative | absolute | fixed
permite definir si el contenedor posee la propiedad position como relative, absolute o fixed.
around | between | evenly
permite definir si el contenedor posee la propiedad justify-content como around, between o evenly.