18F/web-design-standards

@use "uswds-core" as *;

.usa-skipnav {
  @include border-box-sizing;
  @include typeset;
  @include typeset-link;
  background: transparent;
  left: 0;
  padding: units(1) units(2);
  position: absolute;
  top: -3.8rem; // skipnav link height
  transition: $project-easing;
  z-index: z-index(100);

  &:focus,
  &.usa-focus {
    background: color("white");
    left: 0;
    position: absolute;
    top: 0;
    transition: $project-easing;
  }
}

.usa-skipnav__container {
  position: relative;
}