/*----------------------------*\ * Flexbox layout * \*----------------------------*/ @mixin flex { @include display-box(); display: -ms-flexbox; display: -webkit-flex; display: flex; } @mixin flex-h { @include box-orient(horizontal); -moz-box-orient: horizontal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } @mixin flex-v { @include box-orient(column); -moz-box-orient: vertical; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @mixin align-item($align) { -webkit-box-align: $align; -moz-box-align: $align; /* OLD… */ -ms-flex-align: $align; /* You know the drill now… */ -webkit-align-items: $align; align-items: $align; }