drupal/core/themes/olivero/css/components/skip-link.pcss.css

27 lines
522 B
CSS

/**
* @file
* Skip link
*
* Allows keyboard users to quickly skip to the main content of the page.
*/
@import "../base/variables.pcss.css";
.skip-link {
z-index: 1; /* Appear above header */
display: block;
width: 100%;
max-width: var(--max-bg-color);
padding-block: var(--sp0-5);
padding-inline-start: var(--sp);
padding-inline-end: var(--sp);
text-decoration: none;
color: var(--color--white);
outline: 0;
background-color: var(--color--gray-0);
&:after {
content: "\0020 ➔";
}
}