@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"; } }