flex-prefix.css

.flex {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
 
	display: inline-flex;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
 
	flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
 
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
 
	flex-flow: column wrap;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
 
	justify-content: space-between;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
 
	align-content: space-around;
	-webkit-align-content: space-around;
	-ms-flex-line-pack: distribute;
 
	align-items: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
}
 
/******************************
префиксы для flex-элементов
******************************/
 
.flex-item {
	flex-grow: 1;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
 
	flex-shrink: 3;
	-webkit-flex-shrink: 3;
	-ms-flex-negative: 3;
 
	flex-basis: 200px;
	-webkit-flex-basis: 200px;
	-ms-flex-preferred-size: 200px;
 
	flex: 1 3 200px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 3 200px;
	-ms-flex: 1 3 200px;
 
	align-self: center;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
 
	order: 3;
	-webkit-box-ordinal-group: 3;
	-webkit-order: 3;
	-ms-flex-order: 3;
}