@use "../config" as *;
@use "../mixins/grid" as *;

// mdo-do
// - check gap utilities as replacement for gutter classes from v5

@layer layout {
  @if $enable-grid-classes {
    .row {
      @include make-row();

      > * {
        @include make-col-ready();
      }
    }

    @include make-grid-columns();
  }

  @if $enable-cssgrid {
    .grid {
      --columns: #{$grid-columns};
      --rows: 1;
      --gap: #{$grid-gutter-x};

      display: grid;
      grid-template-rows: repeat(var(--rows), 1fr);
      grid-template-columns: repeat(var(--columns), 1fr);
      gap: var(--gap);

    }

    @include make-cssgrid();
  }

  // mdo-do: add to utilities?
  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }

  .grid-fill {
    --gap: #{$grid-gutter-x};

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    grid-auto-flow: row;
    gap: var(--gap);
  }

  // .g-col-auto {
  //   grid-column: auto;
  // }

  // mdo-do: add to utilities?
  // .grid-cols-3 {
  //   --columns: 3;
  // }
  // .grid-cols-4 {
  //   --columns: 4;
  // }
  // .grid-cols-6 {
  //   --columns: 6;
  // }

  // .grid-full {
  //   grid-column: 1 / -1;
  // }
}