skip-link.css

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

Styles for the skip link.

File

core/profiles/demo_umami/themes/umami/css/components/navigation/skip-link/skip-link.css

View source 
  1. /**

  2.  * @file

  3.  * Styles for the skip link.

  4.  */

  5. 

  6. .skip-link {

  7.   z-index: 50;

  8.   left: 50%;

  9.   padding: 1px 10px 2px;

  10.   -webkit-transform: translateX(-50%);

  11.   -ms-transform: translateX(-50%);

  12.   transform: translateX(-50%);

  13.   border: 1px solid #444;

  14.   border-top-width: 0;

  15.   border-radius: 0 0 10px 10px;

  16.   outline: 0;

  17.   background: #444;

  18.   background: rgba(0, 0, 0, 0.6);

  19. }

  20. .skip-link.visually-hidden.focusable:focus {

  21.   position: absolute !important;

  22. }

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