SiteWebAstrolabe/src/scss/components/_skip-link.scss
2020-06-19 23:47:44 +02:00

18 lines
396 B
SCSS

// Hide skip link visually by default
.skip-link:not(:focus) {
@extend %visually-hidden;
}
.skip-link:focus {
display: inline-block;
position: absolute;
top: 0;
left: 0;
padding: get-size(300) get-size(500) get-size('base') get-size(500);
background-color: var(--color-action-bg);
color: var(--color-action-text);
line-height: 1;
text-decoration: none;
font-weight: 700;
}