.link-after {
content: ""; display: block; height: 0.15em; background: $primary;
}
.nav-link, .navbar-brand {
&::after { @extend .link-after; width: 0; transition: width 0.35s; } &:hover::after { width: 100%; }
}
.nav-item.active {
font-weight: bold; &::after { @extend .link-after; width: 100% !important; }
}
.navbar-brand {
margin-bottom: -14px; &::after { margin-top: -0.25em; }
}