Flex grid mixin

flex-grid.mixin.scss

@mixin flex-grid-items($cols) {
  display: flex;
  flex-wrap: wrap;

  > * {
    $item-width: 100% / $cols;
    width: $item-width;
    box-sizing: border-box;
  }
}


/////////////////////////////////////////
.flex-2-cols {
  @include flex-grid-items(2)
}

.flex-5-cols {
  @include flex-grid-items(5)
}

.flex-9-cols {
  @include flex-grid-items(9)
}