36 lines
446 B
SCSS
36 lines
446 B
SCSS
.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;
|
|
}
|
|
}
|