/*@flow:[ row | row-reverse | column | column-reverse] | [nowrap | wrap | wrap-reverse];
@space: auto | flex-start | flex-end | center | baseline | stretch;*/

.flex-box(@flow: row wrap, @space: space-between) {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;
    /* TWEENER - IE 10+ */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-flow: @flow;
    -ms-flex-flow: @flow;
    flex-flow: @flow;
    -webkit-justify-content: @space;
    -ms-flex-pack: @space;
    justify-content: @space;
}