<a href="#main-section" class="bypass-block bypass-block--default js-bypass-block-link u-visually-hidden visible-when-focused">Skip Navigation</a>
<a href ="#main-section" class="bypass-block bypass-block--{{modifier}} js-bypass-block-link u-visually-hidden visible-when-focused">{{linkValue}}</a>
{
  "modifier": "default",
  "path": "#",
  "linkValue": "Skip Navigation"
}
  • Content:
    .bypass-block {
      &.visible-when-focused {
        &:focus {
          position: absolute;
          width: auto;
          height: auto;
          margin: auto;
          padding: .2em;
          text-decoration: none;
          white-space: normal;
          overflow: visible;
          z-index: 10;
          clip: auto;
        }
      }
    }
    
  • URL: /components/raw/bypass-block/bypass-block.scss
  • Filesystem Path: src/components/02-components/accessibility/bypass-block/bypass-block.scss
  • Size: 293 Bytes
  • Handle: @bypass-block
  • Preview:
  • Filesystem Path: src/components/02-components/accessibility/bypass-block/bypass-block.html

There are no notes for this item.