// 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);
  display: block;

  @include min(laptop) {
    grid:
      'nav'
      'header'
      'main'
      'aside'
      'footer'/1fr;
  }
}