// ############################################################ // Sitemap Grid // ############################################################

article.sitemap {

max-width: 450px;

margin: 15px auto;

display: grid;
grid-template-columns: auto;
grid-template-rows: auto;
grid-column-gap: 0;
grid-row-gap: 0;
grid-template-areas:
  "page-links"
  "services-links"
  "products-links"
  "projects-links"
  "clients-links"
  "author-links"
  "category-links"
  "tag-links"
  "timeline-links"
;

}

// ============================================================ // Sitemap Grid Areas // ============================================================

section.page-links {

grid-area: page-links;

}

section.services-links {

grid-area: services-links;

}

section.products-links {

grid-area: products-links;

}

section.projects-links {

grid-area: projects-links;

}

section.clients-links {

grid-area: clients-links;

}

section.author-links {

grid-area: author-links;

}

section.category-links {

grid-area: category-links;

}

section.tag-links {

grid-area: tag-links;

}

section.timeline-links {

grid-area: timeline-links;

}

section.page-links, section.services-links, section.products-links, section.projects-links, section.clients-links, section.author-links, section.category-links, section.tag-links, section.timeline-links {

margin-bottom: 2rem;

h3 {
  line-height: 2rem;
  margin-bottom: 2rem;
  font-weight: 300;
  font-size: 1rem;
  line-height: 2rem;
  padding: 1rem 0;
  border-bottom: 1px solid #eee;
}

ul {
  margin-left: -1rem;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: space-between;

  &>li {

    &>a {
      margin: 1rem;
      text-decoration: none;
      line-height: 1rem;
    }
  }
}

}

// ============================================================ // Sitemap Grid Mixins // ============================================================

// ———————————————————— // Default // ———————————————————— @mixin sitemap-default() {}