skip-link.css 484 B

12345678910111213141516171819202122232425
  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. left: 50%;
  9. -webkit-transform: translateX(-50%);
  10. -ms-transform: translateX(-50%);
  11. transform: translateX(-50%);
  12. z-index: 50;
  13. background: #444;
  14. color: #fff;
  15. font-size: 0.94em;
  16. padding: 1px 10px 2px;
  17. border-radius: 0 0 10px 10px;
  18. }
  19. .skip-link:focus {
  20. text-decoration: none;
  21. }
  22. .skip-link.visually-hidden.focusable:focus {
  23. position: absolute;
  24. }