.usa-sticky-sidenav {

position: sticky;
top: units(1.5);

}

.usa-sidenav {

@if variable-exists(side-nav-bg) {
  background-color: color($side-nav-bg);
}

a {
  @if variable-exists(side-nav-link) {
    color: color($side-nav-link);
  }

  &:hover {
    @if variable-exists(side-nav-link-hover-bg) {
      background-color: color($side-nav-link-hover-bg);
    }
    @if variable-exists(side-nav-link-hover) {
      color: color($side-nav-link-hover);
    }
  }

  &.usa-current {
    @if variable-exists(side-nav-link-current) {
      color: color($side-nav-link-current);
      &:after {
        background-color: color($side-nav-link-current);
      }
    }
  }
}

}

@include at-media($theme-sidenav-breakpoint){

.usa-layout-docs__sidenav {
  @include u-flex(3);
  order: 1;
  padding-top: 0;
}
.usa-layout-docs__main {
  @include u-flex(9);
  order: 2;
}

}