// ############################################################ // Nav Navigation Grid // ############################################################
nav-navigation {
line-height: 2rem; display: grid; grid-template-columns: auto min-content auto min-content 40px; grid-template-rows: 30px; grid-column-gap: 0; grid-row-gap: 0; grid-template-areas: "logo . network . navigation"; a { padding: unset; text-decoration: none; border: unset; } a:hover, a:focus { background: unset; padding: unset; color: inherit; text-shadow: inherit; }
}
// ============================================================ // Nav Navigation Grid Areas // ============================================================
.logo {
grid-area: logo; text-align: left; font-weight: 700;
}
.network {
grid-area: network; text-align: center;
}
.navigation {
grid-area: navigation; text-align: right; font-weight: 400;
}
// ============================================================ // Nav Navigation Grid Mixins // ============================================================
// ———————————————————— // Default // ———————————————————— @mixin nav-navigation-default() {}