@import "src/styles/variables";

.grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-row-gap: $gap;
  grid-column-gap: $gap;
  grid-auto-flow: row;
  grid-auto-rows: auto;
  grid-auto-columns: auto;

  &.horizontal {
    grid-auto-flow: column;
  }

  &.square {
    grid-auto-flow: dense;
  }

  &.stretchy {
    flex: 1;
  }
}
