OCDE - Pattern Library v1.13.0

Quick Links 

<nav class="quicklinks" aria-label="quicklinks" data-menu="inertcontainer">
    <a href="#main">Go to page content</a>
</nav>
 
<nav class="quicklinks" aria-label="quicklinks" data-menu="inertcontainer">
  <a href="#main">Go to page content</a>
</nav>
 
/* No context defined. */
  • Content: 
    .quicklinks {
  z-index: $z-index-high;

  a,
  button {
    background-color: $color-light1;
    color: $color-dark1;
    display: block;
    left: $gridspacing;
    opacity: 0;
    position: fixed;
    padding: $gridspacing;
    pointer-events: none;
    top: $gridspacing;
    transition: opacity $transition-duration $transition-easing;

    &:focus {
      opacity: 1;
      pointer-events: auto;
    }

  }
  @media print {
    display: none;
  }
}
  • URL: /components/raw/quicklinks/_quicklinks.scss
  • Filesystem Path: src/scss/02-modules/quicklinks/_quicklinks.scss
  • Size: 455 Bytes

No notes defined.