First commit.
This commit is contained in:
commit
b7977e1c28
3 changed files with 28081 additions and 0 deletions
31
sass/navigation/skip-link/_skip-link.scss
Normal file
31
sass/navigation/skip-link/_skip-link.scss
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
// Skip link
|
||||
//
|
||||
// To make the link completely hidden until a user tabs to the link, combine it
|
||||
// with the `visually-hidden` component.
|
||||
//
|
||||
// :focus - Focus styling.
|
||||
//
|
||||
// Markup: skip-link.twig
|
||||
//
|
||||
// Style guide: navigation.skip-link
|
||||
|
||||
.skip-link,
|
||||
%skip-link {
|
||||
display: block;
|
||||
padding: 2px 0 3px;
|
||||
text-align: center;
|
||||
|
||||
&:link,
|
||||
&:visited {
|
||||
background-color: color(skip-link-bg);
|
||||
color: color(skip-link);
|
||||
}
|
||||
|
||||
&__wrapper {
|
||||
margin: 0;
|
||||
|
||||
@media print {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
3
sass/navigation/skip-link/skip-link.json
Normal file
3
sass/navigation/skip-link/skip-link.json
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"content": "Jump to navigation"
|
||||
}
|
||||
3
sass/navigation/skip-link/skip-link.twig
Normal file
3
sass/navigation/skip-link/skip-link.twig
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<p class="skip-link__wrapper">
|
||||
<a href="#main-menu" class="skip-link visually-hidden visually-hidden--focusable {{modifier_class}}">{{content}}</a>
|
||||
</p>
|
||||
Loading…
Reference in a new issue