skip-link.css

Skip link

Allows keyboard users to quickly skip to the main content of the page.

File

core/themes/seven/css/components/skip-link.css

View source
  1. /**
  2. * @file
  3. * Skip link
  4. *
  5. * Allows keyboard users to quickly skip to the main content of the page.
  6. */
  7. .skip-link {
  8. z-index: 50;
  9. left: 50%;
  10. padding: 1px 10px 2px;
  11. -webkit-transform: translateX(-50%);
  12. -ms-transform: translateX(-50%);
  13. transform: translateX(-50%);
  14. color: #fff;
  15. border-radius: 0 0 10px 10px;
  16. background: #444;
  17. font-size: 0.94em;
  18. }
  19. .skip-link:focus {
  20. text-decoration: none;
  21. }
  22. .skip-link.visually-hidden.focusable:focus {
  23. position: absolute !important;
  24. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.