examples/docs/src/components/Header/SkipToContent.astro


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<a href="#article" class="sr-only focus:not-sr-only skiplink"><span>Skip to Content</span></a>

<style>
	.skiplink,
	.skiplink:focus,
	.skiplink:focus-visible {
		position: absolute;
		padding: 0.25em;
		font-size: larger;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9;
		display: block;
		text-align: center;
		background-color: var(--theme-text-accent);
		color: var(--theme-bg);
		border-radius: 0.25em;
		outline: var(--theme-bg) solid 1px;
		outline-offset: 0;
	}
</style>