@charset "UTF-8";

//
// Skiplinks
//
// For providing a link at the top of the page which jumps
// the user down to an anchor or target at the beginning of the main content.
//
// Gives screen readers and keyboard users the same capability of going directly
// to the main content as sighted, mouse users.
// of the main content. Learn more at <a href="https://webaim.org/techniques/skipnav">https://webaim.org/techniques/skipnav</a>.
//
// To test this component's functionality, place your cursor on "Example" and click.
// Then, press the tab key. The Skiplinks link will slide into view at the top
// lefthand corner of the screen. Press the return key (or click on the link) to
// skip to the targeted element.
//
// Markup: <header>
//   <a href="#main-content" class="su-skiplinks">Skip to main content</a>
// </header>
//  <main>
//   <h2 id="main-content" class="su-sr-only-element" tabindex="-1">Main Content</h2>
// </main>
//
// Style guide: Simple.Skiplinks
//
.su-skiplinks {
  @include skiplinks;
}
