dpc-web/app/assets/stylesheets/sidenav.scss
@import 'normalize.css/normalize';
@import '@cmsgov/design-system-core/src/index';
@import '@cmsgov/design-system-layout/src/index';
@import "settings/font-faces";
@import "settings/variables";
.sidenav {
position: sticky;
top: $spacer-5;
list-style: none;
padding: 0;
@media (min-width: $width-md) {
position: sticky;
top: $spacer-5;
}
.button_item {
list-style: none;
margin: 0 0 10px 0 !important;
padding: 0 0 0 25px;
}
}
.sidenav__item {
font-size: $h4-font-size;
margin-bottom: $spacer-2;
}
.sidenav__link:visited,
.sidenav__link:link {
color: #666;
text-decoration: none;
}
.sidenav__link:hover {
color: #000;
border-left: 3px solid blue;
padding-left: $spacer-1;
}
/* Guide Nav Collapsable */
.sidenav__link.usa-accordion__button {
background-image: none;
background-color: transparent;
color: #666;
font-weight: bold;
padding: 0;
text-decoration: none;
width: 100%;
}
.sidenav__link.usa-accordion__button:visited {
color: #666;
}
.sidenav__link.usa-accordion__button:hover {
background-color: transparent;
color: #000;
border-left: 3px solid blue;
padding-left: $spacer-1;
}
.sidenav__link.usa-accordion__button[aria-expanded=false] {
background-image: none;
}
.sidenav__link.usa-accordion__button[aria-expanded=false]:before {
content: "↓"
}
.sidenav__link.usa-accordion__button[aria-expanded=true]:before {
content: "↑"
}
.guide-header1 {
font-size: 18px;
font-weight: 700;
}
.guide-nav__item {
display: block;
list-style: none;
margin: 0 !important;
padding: 0 0 0 25px;
}
.usa-accordion__content {
li {
ol {
list-style-type: lower-alpha;
}
}
}