skip-link.css
Same filename in this branch
Same filename in other branches
- 8.9.x core/profiles/demo_umami/themes/umami/css/components/navigation/skip-link/skip-link.css
- 8.9.x core/themes/seven/css/components/skip-link.css
- 8.9.x core/themes/claro/css/components/skip-link.css
- 8.9.x core/themes/bartik/css/components/skip-link.css
- 10 core/profiles/demo_umami/themes/umami/css/components/navigation/skip-link/skip-link.css
- 10 core/themes/olivero/css/components/skip-link.css
- 10 core/themes/claro/css/components/skip-link.css
- 11.x core/profiles/demo_umami/themes/umami/css/components/navigation/skip-link/skip-link.css
- 11.x core/themes/olivero/css/components/skip-link.css
- 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
- /*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
- /**
- * @file
- * Skip link
- *
- * Allows keyboard users to quickly skip to the main content of the page.
- */
-
- [dir="ltr"] .skip-link {
- padding-left: 1.125rem;
- }
-
- [dir="rtl"] .skip-link {
- padding-right: 1.125rem;
- }
-
- [dir="ltr"] .skip-link {
- padding-right: 1.125rem;
- }
-
- [dir="rtl"] .skip-link {
- padding-left: 1.125rem;
- }
-
- .skip-link {
- display: block;
- width: 100%;
- max-width: 98.125rem;
- padding-top: 0.5625rem;
- padding-bottom: 0.5625rem;
- text-decoration: none;
- color: #fff;
- outline: 0;
- background-color: #0d1214;
- }
-
- .skip-link:hover {
- text-decoration: underline;
- color: #fff;
- }
-
- .skip-link:after {
- content: "\0020 ➔";
- }
-
- .skip-link.focusable:focus {
- position: absolute !important;
- }
-
- .skip-link.focusable:focus { /* Override position from module file. */
- z-index: 503;
- width: 100%;
- height: 2.5rem;
- outline: none;
- }
Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.