First commit.

This commit is contained in:
Fredrik Jonsson 2017-03-09 14:26:46 +01:00
commit b7977e1c28
3 changed files with 28081 additions and 0 deletions

View 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;
}
}
}

View file

@ -0,0 +1,3 @@
{
"content": "Jump to navigation"
}

View 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>