skip-link.css

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

  8.   inset-inline-start: 0;

  9.   padding: 1px 10px 2px;

  10.   border: 1px solid #444;

  11.   border-top-width: 0;

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

  13.   outline: 0;

  14.   background: #444;

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

  16. }

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

  18.   position: absolute !important;

  19. }

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