Sha256: 38953e2c6ef1174e19fac85daafb07bcfffee28a3695c683a9e14b505a37ede6
Contents?: true
Size: 1.15 KB
Versions: 1
Compression:
Stored size: 1.15 KB
Contents
.usa-sticky-sidenav { position: sticky; top: 1rem; } .usa-sidenav-list { @if variable-exists(side-nav-bg) { background-color: $side-nav-bg; } a { @if variable-exists(side-nav-link) { color: $side-nav-link; } &:hover { @if variable-exists(side-nav-link-hover-bg) { background-color: $side-nav-link-hover-bg; } @if variable-exists(side-nav-link-hover) { color: $side-nav-link-hover; } } &.usa-current { @if variable-exists(side-nav-link-current) { border-color: $side-nav-link-current; } @if variable-exists(side-nav-link-current) { color: $side-nav-link-current; } } } } // Styles for adjusting the breakpoint for the side nav .usa-layout-docs { display: flex; } @include media ($medium-screen){ .sidenav { width: 250px; } } @include media($nav-width) { .usa-layout-docs { display: block; .sidenav { display: block; float: left; padding-right: 1rem; + .usa-layout-docs-main_content { display: inline-block; padding-left: 3rem; width: calc(100% - 250px); } } } }
Version data entries
1 entries across 1 versions & 1 rubygems
Version | Path |
---|---|
uswds-jekyll-4.2.0 | _sass/components/_side-nav.scss |