Mixins

Use our mixins for css-components

flex - add display flex

flex-direction(@direction) - add direction

flex-direction-row() - add row direction

flex-direction-column() - add column direction

flex-flow(@direction, @wrap) - add flex direction + flex-wrap

flex-flow-row-wrap() - add display flex + row direction + flex-wrap: wrap;

flex-element(@grow, @shrink, @initialSize: auto) - add flex with parameters

flex-fixed() - is equal to flex-element with parameters 0, 0, auto

flex-var() - is equal to flex-element with parameters 1, 1, auto

flex-grow() - is equal to flex-element with parameters 1, 0, auto

flex-shrink() - is equal to flex-element with parameters 0, 1, auto

flex-order(@index) - add order index

flex-vertical-content(@value) - add align-items

flex-vertical-center() - add align-items:center

flex-vertical-start() - add align-items:start

flex-justify-content(@value, @oldValue) - add justify-content with oldValue for webkit and value for other browsers

flex-horizontal-start() - add justify-content with parameters - start, flex-start

flex-horizontal-center() - add justify-content with parameters - center center

flex-horizontal-end - justify - content with parameters - end, flex-end