Flexless
Here at Caktus we love Flexbox! And we love making styling easier with Less, so we combined two great things. Flexless makes Flexbox less difficult to support across a wide range of supported browsers.
Mixins for Containers
flex-layout
Initiate an element as a Flex container, including all the backfilled prefixing necessary:
.flex-layout();
flex-direction
flex-direction(direction)
direction can be row, column, row-reversed, or column-reversed
flex-wrap
flex-wrap(option)
option can be wrap or nowrap
Others
justify-content(value)
align-items(value)
Where value can be flex-start, flex-end, center, space-around, or space-between
Mixins for Items
flex-basis(value)
flex-shrink(value)
flex-grow(value)