Answers for "all flex properties"

css all flex properties

.container {
  flex-flow: column wrap;
}

css all flex properties

.item {
  flex-basis:  | auto; /* default auto */
}

display flex css

.class {
  display: flex;
}

/* use display: flex to turn CSS element into a flexbox */

css all flex properties

.item {
  flex-shrink: 3; /* default 1 */
}

css all flex properties

.item {
  flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
}

display flex property

@mixin flexbox() {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@mixin flex($values) {
  -webkit-box-flex: $values;
  -moz-box-flex:  $values;
  -webkit-flex:  $values;
  -ms-flex:  $values;
  flex:  $values;
}

@mixin order($val) {
  -webkit-box-ordinal-group: $val;  
  -moz-box-ordinal-group: $val;     
  -ms-flex-order: $val;     
  -webkit-order: $val;  
  order: $val;
}

.wrapper {
  @include flexbox();
}

.item {
  @include flex(1 200px);
  @include order(2);
}