Sha256: 7afca09a2a88b750e4898679249cc43e9eb369b721a4c362f696b6ea6bba59a6
Contents?: true
Size: 1.05 KB
Versions: 8
Compression:
Stored size: 1.05 KB
Contents
.sub-nav__nav-link {
color: $primary-blue;
font-family: 'Oswald', sans-serif;
font-weight: 500;
margin-left: 10px;
margin-right: 10px;
padding-left: 5px;
padding-right: 5px;
&:hover {
color: $primary-red;
}
}
.sub-nav__navbar .nav-item {
position: relative; // Needed so that underline from .active class is the correct width/placement
}
// Create an underline when a .nav-item has the .active class (added via custom JS: `highlightLocalNav.js`)
.nav-item.active .sub-nav__nav-link::after {
--underline-offset: 30px; // reduce width to account for margins and padding
background-color: #c61f48;
bottom: 6px;
content: "";
display: block;
height: .225rem;
position: absolute;
width: calc(100% - var(--underline-offset));
}
@media screen and (min-width: 992px) {
.nav-item.active .sub-nav__nav-link::after {
--underline-offset: 20px;
}
}
.sub-nav__navbar {
border-style: solid;
border-width: 1px;
border-color: $grey-5;
border-radius: 3px;
}
.sub-nav__content--wrapper {
padding-left: 25px;
padding-right: 25px;
}
Version data entries
8 entries across 8 versions & 1 rubygems