// ############################################################ // 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() {}