@each $area in $grid-areas {
  #{$area} {
    grid-area: $area;
  }
}

#gatsby-focus-wrapper {
  @include min(tablet) {
    display: grid;
    grid:
      'nav'
      'header'
      'main'
      'aside'
      'footer'
      / 1fr;
  }
}
