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