// Set up grid areas for template
@include min(laptop) {
  @each $area in $grid-areas {
    #{$area} {
      grid-area: $area;
    }
  }
}

@mixin grid-start($gap: main) {
  display: grid;

  @if ($gap == main) {
    gap: var(--module-spacing);
  } @else {
    gap: $gap;
  }
}

#gatsby-focus-wrapper, #container-modules {
  @include grid-start(main);
  
  @include min(laptop) {
    grid:
    "nav"
    "header"
    "main"
    "aside"
    "footer"/1fr;
  }
}
