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)