Generating css grid for IE and browsers we really love

cssGridForIe.scss

@mixin cssGrid {
  display: -ms-grid;
  display: grid;
}

@mixin cssGridTemplateCol($input) {
  -ms-grid-columns: #{$input};
  grid-template-columns: #{$input};
}

@mixin cssGridTemplateRow($input) {
  -ms-grid-rows: #{$input};
  grid-template-rows: #{$input};
}

@mixin cssGridRow($start, $end: null) {
  -ms-grid-row: $start;
  @if $end {
    -ms-grid-row-span: $end - $start;
    grid-row: #{$start}/#{$end};
  } @else {
      -ms-grid-row-span: 1;
      grid-row: #{$start};
  }
}

@mixin cssGridCol($start, $end: null) {
  -ms-grid-column: $start;
  @if $end {
    -ms-grid-column-span: $end - $start;
    grid-column: #{$start}/#{$end};
  } @else {
    -ms-grid-column-span: 1;
    grid-column: #{$start};
  }
}