Flex.Less
Available Mixins
The mixin names and their values correspond to the official draft.
display
justify-content
align-items
align-self
align-content
order
flex
flex-grow
flex-shrink
flex-basis
flex-direction
flex-wrap
flex-flow
Browser Compatability
In Firefox < 22 you need to add the following snippet to every element that
you set display: flex
.
/* * Legacy Firefox implementation treats all flex containers * as inline-block elements. */@-) }
Sources
- Official W3C Editor's Draft
- Centering Elements with Flexbox from Smashing Magazine