flex-box.sass

=display-box
  display: -webkit-box
  display: -moz-box
  display: box

//  Value:    horizontal | vertical | inline-axis | block-axis | inherit
//  Initial:  inline-axis
//  Default:  horizontal
=box-orient(!orient = "horizontal")
  -webkit-box-orient= !orient
  -moz-box-orient= !orient
  box-orient= !orient

//  Value:    normal | reverse | inherit
//  Initial:  normal
//  Default:  reverse
=box-direction(!direction = "reverse")
  -webkit-box-direction= !direction
  -moz-box-direction= !direction
  box-direction= !direction

//  Value:    <integer>
//  Initial:  1
//  Default:  2
=box-ordinal-group(!group = 2)
  -webkit-box-ordinal-group= !group
  -moz-box-ordinal-group= !group
  box-ordinal-group= !group

//  Value:    start | end | center | baseline | stretch
//  Initial:  stretch
//  Default:  start
=box-align(!align = "start")
  -webkit-box-align= !align
  -moz-box-align= !align
  box-align= !align

//  Value:    <number>
//  Initial:  0.0
//  Default:  1
=box-flex(!number = 1)
  -webkit-box-flex= !number
  -moz-box-flex= !number
  box-flex= !number

//  Value:    <integer>
//  Initial:  1
//  Default:  2
=box-flex-group(!group = 2)
  -webkit-box-flex-group= !group
  -moz-box-flex-group= !group
  box-flex-group= !group

//  Value:    start | end | center | justify
//  Initial:  start
//  Default:  center
=box-pack(!pack = "center")
  -webkit-box-pack= !pack
  -moz-box-pack= !pack
  box-pack= !pack

//  I don't see this working in any browser currently...
//  Value:    single | multiple
//  Initial:  single
//  Default:  multiple
=box-lines(!lines = "multiple")
  -webkit-box-lines= !lines
  -moz-box-lines= !lines
  box-lines= !lines