skip-link.css

Same filename in this branch
  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
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/themes/bartik/css/components/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-bottom-width: 0;

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

  15.   outline: 0;

  16.   background: #444;

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

  18.   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  19.   font-size: 0.94em;

  20.   line-height: 1.7em;

  21. }

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

  23.   position: absolute !important;

  24.   color: #fff;

  25. }

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