50 lines
945 B
SCSS
50 lines
945 B
SCSS
|
@import "../mixins/shadow.scss";
|
||
|
|
|
||
|
|
body {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.back-to-top {
|
||
|
|
position: absolute;
|
||
|
|
inset-block-end: 1em;
|
||
|
|
inset-inline-start: -12em;
|
||
|
|
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: -5em;
|
||
|
|
inset-inline-start: 1em;
|
||
|
|
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-syndication {
|
||
|
|
position: absolute;
|
||
|
|
inset-block-start: -5em;
|
||
|
|
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 syndication information";
|
||
|
|
}
|
||
|
|
}
|