Flexbox Mixins

_mixins-flexbox.less

//
// Mixins: Flexbox
// --------------------------------------------------

.flex() {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex-justify(@justifyStyle) {
  -webkit-justify-content: @justifyStyle;
      -ms-justify-content: @justifyStyle;
          justify-content: @justifyStyle;
}

.flex-align-items(@alignStyle) {
  -webkit-align-items: @alignStyle;
      -ms-align-items: @alignStyle;
          align-items: @alignStyle;
}

_mixins-flexbox.scss

//
// Mixins: Flexbox
// --------------------------------------------------

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

@mixin flex-justify($justifyStyle) {
  -webkit-justify-content: $justifyStyle;
      -ms-justify-content: $justifyStyle;
          justify-content: $justifyStyle;
}

@mixin flex-align-items($alignStyle) {
  -webkit-align-items: $alignStyle;
      -ms-align-items: $alignStyle;
          align-items: $alignStyle;
}