skip-link.css

Same filename in this branch
  1. 9 core/profiles/demo_umami/themes/umami/css/components/navigation/skip-link/skip-link.css
  2. 9 core/themes/olivero/css/components/skip-link.css
  3. 9 core/themes/seven/css/components/skip-link.css
  4. 9 core/themes/bartik/css/components/skip-link.css
Same filename in other branches
  1. 8.9.x core/profiles/demo_umami/themes/umami/css/components/navigation/skip-link/skip-link.css
  2. 8.9.x core/themes/seven/css/components/skip-link.css
  3. 8.9.x core/themes/claro/css/components/skip-link.css
  4. 8.9.x core/themes/bartik/css/components/skip-link.css
  5. 10 core/profiles/demo_umami/themes/umami/css/components/navigation/skip-link/skip-link.css
  6. 10 core/themes/olivero/css/components/skip-link.css
  7. 10 core/themes/claro/css/components/skip-link.css
  8. 11.x core/profiles/demo_umami/themes/umami/css/components/navigation/skip-link/skip-link.css
  9. 11.x core/themes/olivero/css/components/skip-link.css
  10. 11.x core/themes/claro/css/components/skip-link.css

Skip link

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

File

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

View source
  1. /*
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/3084859
  5. * @preserve
  6. */
  7. /**
  8. * @file
  9. * Skip link
  10. *
  11. * Allows keyboard users to quickly skip to the main content of the page.
  12. */
  13. .skip-link {
  14. z-index: 50;
  15. left: 50%;
  16. padding: 1px 0.625rem 2px;
  17. transform: translateX(-50%);
  18. color: #fff;
  19. border-radius: 0 0 0.625rem 0.625rem;
  20. background: #55565b;
  21. font-size: 0.94em;
  22. }
  23. .skip-link:hover,
  24. .skip-link:active {
  25. color: #fff;
  26. background-color: #232429;
  27. }
  28. .skip-link:focus {
  29. text-decoration: none;
  30. }
  31. .skip-link.visually-hidden.focusable:focus {
  32. position: absolute !important;
  33. }

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