sass-site/source/assets/sass/components/_navigation.scss

29 lines
521 B
SCSS
Raw Normal View History

2023-01-09 20:10:02 +01:00
.sl-l-medium-holy-grail__body.sl-js-nav--is-sticky
.sl-c-list-navigation-wrapper {
2023-01-06 22:40:29 +01:00
position: sticky;
top: 0;
bottom: 0;
overflow-y: auto;
2023-01-09 20:10:02 +01:00
@include sl-breakpoint--large {
2023-01-06 22:40:29 +01:00
height: 100vh;
}
}
.skip-link {
display: block;
padding: 0.25em 1em;
transform: translateY(calc(-100% - 1em));
2023-01-09 20:10:02 +01:00
transition: all 0.1s ease-in-out;
2023-01-06 22:40:29 +01:00
position: absolute;
left: 1em;
top: 1em;
z-index: 9999;
&:focus {
transform: translateY(0);
background: $sl-color--hopbush;
color: $sl-color--white;
}
}