<a class="skip-link" href="#content"><span class="skip-link__text">Zum Inhalt springen</span></a>
//- Render skip link
#{link && 'a' || tag || 'div'}.skip-link(href=link)&attributes(attr)
span.skip-link__text #{text}
{
"text": "Zum Inhalt springen",
"link": "#content"
}
.skip-link {
@include hidden-visually();
background-color: rgba(#000, 0.9);
color: #fff;
padding: 2rem;
text-align: center;
&:hover,
&:focus,
&:active {
@include undo-hidden-visually($important: true);
left: 0;
outline: 0;
position: fixed !important;
right: 0;
top: 0;
z-index: z('skip-link');
}
}
.skip-link__text {
@include focus-border();
}
There are no notes for this item.