=flex($justify: space-between, $alignItem: initial)
  display: -ms-flexbox      /* TWEENER - IE 10 */
  display: -webkit-flex     /* NEW - Chrome */
  display: flex

  +prefixer(justify-content, $justify, webkit moz ms)
  +prefixer(align-items, $alignItem, webkit moz ms)
  //>*
  //  flex: 1

=flex-rows
  +prefixer(flex-wrap, wrap, webkit ms)
  +prefixer(flex-direction, row, webkit ms)
  +prefixer(flex-flow, row wrap, webkit)

=order($place)
  +prefixer(order, $place, webkit ms)

=align-content($align)
  +prefixer(align-content, $align, webkit)

=align-self($align)
  +prefixer(align-self, $align, webkit)

@mixin flex-direction($value: row)

  // Alt values.
  $value-2009: $value
  $value-2011: $value
  $direction: "normal"

  @if $value == row
    $value-2009: horizontal


  @elseif $value == "row-reverse"
    $value-2009: horizontal
    $direction: reverse


  @elseif $value == column
    $value-2009: vertical


  @elseif $value == "column-reverse"
    $value-2009: vertical
    $direction: reverse


  // 2009
  @include prefixer(box-orient, $value-2009, webkit moz spec)
  @if $direction == "reverse"
    @include prefixer(box-direction, $direction, webkit moz spec)

  // 2012
  @include prefixer(flex-direction, $value, webkit moz spec)

  // 2011 (IE 10)
  -ms-flex-direction: $value