.screenreader-only {
  @include screenreader-only;

  &--show-on-focus {
    &:focus {
      @include screenreader-only($unset: true, $position: "absolute");
      outline: $outline-width solid color("utility-focus");
      outline-offset: $outline-offset;
    }

    &#skip-to-content {
      top: spacing(-3);
      z-index: $z-index-just-above-static;
    }
  }
}