node package manager
Love JavaScript? Your insights can make it even better. Take the 2017 JavaScript Ecosystem Survey ยป

@caktus/flexless

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)