bmen-jekyll/_sass/_navbar.scss

36 lines
446 B
SCSS
Raw Normal View History

2020-10-10 08:35:47 +00:00
.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;
}
}