Den Haag Design System

Skiplinks 

<div class="skiplinks">
    <a href="#nav">Naar navigatie</a>
    <a href="#content">Naar content</a>
</div>
 
<div class="skiplinks">
  <a href="#nav">Naar navigatie</a>
  <a href="#content">Naar content</a>
</div>
 
/* No context defined for this component. */
  • Content: 
    .skiplinks a {
  background-color: #ce6516;
  color: $white;
  display: block;
  font-size: $fs-down-1;
  left: -9999em;
  top: -9999em;
  padding: $space-xs $space-s;
  position: absolute;

  &:focus,
  &:active {
    left: 1em;
    top: 1em;
    z-index: $layer-skiplink;
  }
}
  • URL: /components/raw/skiplinks/_skiplinks.scss
  • Filesystem Path: src/components/01-componenten/skiplinks/_skiplinks.scss
  • Size: 280 Bytes

There are no notes for this item.