sass-site/source/assets/sass/components/_navigation.scss

@use "../breakpoints";
@use "../visual-design/theme";

.sl-l-medium-holy-grail__body.sl-js-nav--is-sticky
  .sl-c-list-navigation-wrapper {
  position: sticky;
  top: 0;
  bottom: 0;
  overflow-y: auto;

  @include breakpoints.sl-breakpoint--large {
    height: 100vh;
  }
}

.skip-link {
  display: block;
  padding: 0.25em 1em;
  transform: translateY(calc(-100% - 1em));
  transition: all 0.1s ease-in-out;
  position: absolute;
  left: 1em;
  top: 1em;
  z-index: 9999;

  &:focus {
    transform: translateY(0);
    background: theme.$sl-color--hopbush;
    color: theme.$sl-color--white;
  }
}