@import '../variables';
@import "../utilities/breakpoints";
@import '../mixins/grid';
@import '../mixins/grid-framework';

@mixin container () {
  @include make-container();
  @include make-container-max-widths();
}
@mixin container-fluid () {
  @include make-container();
}
@mixin grid-parent {
  display: -ms-grid;
  @supports (display: grid) {
    display: grid;
  }
}

@mixin legacy-grid-child($col-start, $col-span, $row-start, $row-span) {
  -ms-grid-column:      $col-start;
  -ms-grid-column-span: $col-span;
  -ms-grid-row:         $row-start;
  -ms-grid-row-span:    $row-span;
}

@mixin grid-child($col-start, $col-span, $row-start, $row-span) {
  grid-column: #{$col-start} / span #{$col-span};
  grid-row:    #{$row-start} / span #{$row-span};
}