Add a skip link for keyboard users

Someone might use it...
This commit is contained in:
2020-03-18 15:07:29 +00:00
parent e42989637e
commit 264b306b2f
7 changed files with 56 additions and 42 deletions

View File

@@ -78,6 +78,22 @@ ins {
color: $gray-400 !important;
}
.skip-link {
background: $info;
color: $white;
outline: unset;
height: 30px;
left: 50%;
padding: 8px;
position: absolute;
transform: translateY(-100%);
transition: transform 0.3s;
}
.skip-link:focus {
transform: translateY(0%);
}
html.embedded {
display: flex;
flex-direction: column;