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/seven/css/components/skip-link.css
  3. 9 core/themes/claro/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/olivero/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. [dir="ltr"] .skip-link {
  14. padding-left: 1.125rem;
  15. }
  16. [dir="rtl"] .skip-link {
  17. padding-right: 1.125rem;
  18. }
  19. [dir="ltr"] .skip-link {
  20. padding-right: 1.125rem;
  21. }
  22. [dir="rtl"] .skip-link {
  23. padding-left: 1.125rem;
  24. }
  25. .skip-link {
  26. display: block;
  27. width: 100%;
  28. max-width: 98.125rem;
  29. padding-top: 0.5625rem;
  30. padding-bottom: 0.5625rem;
  31. text-decoration: none;
  32. color: #fff;
  33. outline: 0;
  34. background-color: #0d1214;
  35. }
  36. .skip-link:hover {
  37. text-decoration: underline;
  38. color: #fff;
  39. }
  40. .skip-link:after {
  41. content: "\0020 ➔";
  42. }
  43. .skip-link.focusable:focus {
  44. position: absolute !important;
  45. }
  46. .skip-link.focusable:focus { /* Override position from module file. */
  47. z-index: 503;
  48. width: 100%;
  49. height: 2.5rem;
  50. outline: none;
  51. }

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