18F/18f.gsa.gov

View on GitHub
_sass/_styleguide/nav.scss

Summary

Maintainability
Test Coverage
.nav-mobile-styleguide {
  @extend .nav-mobile;

  border-right: 1px solid color('gray-cool-30');
  overflow: auto;
  padding-bottom: $sg-header-height + $theme-site-margins-width;
  position: fixed;
  top: $sg-header-height;
  width: $sliding-panel-width;

  .usa-sidenav-list {
    margin-top: $theme-site-margins-width;
  }

  @include at-media('tablet-lg') {
    transform: translateX(0);
    display: inline-block;
    left: 0;

    .usa-sidenav-list {
      margin-top: 0;
    }
  }
}

.menu-btn-styleguide-wrapper {
  width: 50%;
}

.menu-btn-styleguide {
  @include at-media('tablet-lg') {
    display: none;
  }

  float: right;
  font-size: $base-font-size;
  margin: 0;
}

.sliding-panel-close-styleguide {
  @extend .sliding-panel-close;

  @include at-media('tablet-lg') {
    display: none;
  }
}

// .styleguide-subnav {
//   a:target {
//     padding-top: 10rem;
//     background: yellow;
//   }
// }