Sha256: d2cd86f2a1c7ddcc151ac1e291c1572ce3b67b023abc0ceaf1b8d19575fc3b1b
Contents?: true
Size: 1.08 KB
Versions: 17
Compression:
Stored size: 1.08 KB
Contents
@use '../0-tools/vars' as *;
.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
17 entries across 17 versions & 1 rubygems