summaryrefslogtreecommitdiff
path: root/examples/docs/src/components/Header/SkipToContent.astro
diff options
context:
space:
mode:
authorGravatar Fred K. Schott <fkschott@gmail.com> 2021-08-26 15:04:19 -0700
committerGravatar Fred K. Schott <fkschott@gmail.com> 2021-08-26 15:04:44 -0700
commitfdd701dd88529ee0d4911283e35be86b000ed1fc (patch)
tree61d450d04633eece1c12b350b9ef3512dc2fa7b7 /examples/docs/src/components/Header/SkipToContent.astro
parent84c18d3030c98b2770144a8a27d1cca7bbfedc1d (diff)
parent2e8db7ad2384b756894eac6be72bcf720f7f28fa (diff)
downloadastro-fdd701dd88529ee0d4911283e35be86b000ed1fc.tar.gz
astro-fdd701dd88529ee0d4911283e35be86b000ed1fc.tar.zst
astro-fdd701dd88529ee0d4911283e35be86b000ed1fc.zip
Merge branch 'okikio/main' (#1111)
Diffstat (limited to 'examples/docs/src/components/Header/SkipToContent.astro')
-rw-r--r--examples/docs/src/components/Header/SkipToContent.astro21
1 files changed, 21 insertions, 0 deletions
diff --git a/examples/docs/src/components/Header/SkipToContent.astro b/examples/docs/src/components/Header/SkipToContent.astro
new file mode 100644
index 000000000..6df3a72ed
--- /dev/null
+++ b/examples/docs/src/components/Header/SkipToContent.astro
@@ -0,0 +1,21 @@
+<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>
+<a href="#article" class="sr-only skiplink"><span>Skip to Content</span></a>