trwnh.com/unified.test.hugo/assets/styles/features/skip-links.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";
	}
}