trwnh.com/unified.test.hugo/assets/styles/features/skip-links.scss
2024-11-13 11:24:48 -06:00

49 lines
No EOL
890 B
SCSS

@import "../mixins/shadow.scss";
body {
position: relative;
}
.back-to-top {
inset-block-end: 1em;
inset-inline-start: 1em;
transition: 0.25s all ease-in;
background: var(--ui-overlay);
color: var(--ui-overlay-text) !important;
padding: 1em;
@include shadow-high;
&:focus {
inset-inline-start: 1em;
}
}
.skip-to-items {
position: absolute;
inset-block-start: -10em;
transition: all 0.25s ease-in;
background: var(--ui-overlay);
color: var(--ui-overlay-text) !important;
padding: 1em;
@include shadow-high;
&:focus {
inset-block-start: 1em;
}
}
.skip-metadata {
position: absolute;
inset-block-start: -10em;
inset-inline-start: 1em;
transition: 0.25s all ease-in;
background: var(--ui-overlay);
color: var(--ui-overlay-text);
padding: 1em;
@include shadow-high;
&:focus {
inset-block-start: 1em;
}
&:before {
content: "Skip further metadata";
}
}