kyle-k
10/1/2017 - 9:08 PM

Flex Grids

Reponsive Grids with Flex Box

// Browser Support
// IE 11, Edge 14 +, Firefox 54+, Chrome 49+, Safari 10.1+, IOS Safari 10.2+, Android Browser 4.4+

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

@mixin flex-wrap {
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap: wrap;
}

.flex {
  @include flex;
  @include flex-wrap;
}