// ############################################################ // Page Footer Grid // ############################################################
footer-contentinfo {
display: grid; grid-template-columns: auto; grid-template-rows: auto; grid-column-gap: 0; grid-row-gap: 0; grid-template-areas: "page-social-media" "page-legal" "page-copyright";
}
// ============================================================ // Page Footer Grid Areas // ============================================================
page-social-media {
grid-area: page-social-media; padding-left: 5rem; border-left: 1px solid #eee; margin-bottom: 4rem; &>ul { list-style: none; &>li { line-height: 2rem; padding-right: 1rem; } &>li:last-child { padding-right: unset; } }
}
page-legal {
grid-area: page-legal; margin-bottom: 4rem; display: flex; flex-direction: column; flex-wrap: wrap; &>nav { display: flex; flex-direction: row; &>h6 { padding-right: 1rem; width: 5rem; } &>ul { list-style: none; display: flex; flex-direction: row; &>li { padding-right: 1rem; } &>li:last-child { padding-right: unset; } } }
}
page-copyright {
grid-area: page-copyright; margin-bottom: 1rem;
}
// ============================================================ // Page Footer Grid Mixins // ============================================================
// ———————————————————— // Default // ———————————————————— @mixin footer-contentinfo-default() {}