diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-21 20:41:54 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-21 20:41:54 +0100 |
| commit | 552bb8d624017a4d810e33280e3ae84ab87eed5c (patch) | |
| tree | 34f1947f9ee6913b71d1233bb2e89096132bfaba /public/css | |
| parent | a17d8c4b6f7ed96d52d0c9155c809786a2e66c7a (diff) | |
Adds skip link
Diffstat (limited to 'public/css')
| -rw-r--r-- | public/css/modules/index.css | 3 | ||||
| -rw-r--r-- | public/css/modules/skip-to-content.css | 13 |
2 files changed, 15 insertions, 1 deletions
diff --git a/public/css/modules/index.css b/public/css/modules/index.css index 2439546..9194307 100644 --- a/public/css/modules/index.css +++ b/public/css/modules/index.css @@ -8,4 +8,5 @@ @import './link-gallery.css'; @import './nav.css'; @import './nav.md.css' (min-width: 48rem); -@import './nav.lg.css' (min-width: 64rem);
\ No newline at end of file +@import './nav.lg.css' (min-width: 64rem); +@import './skip-to-content.css';
\ No newline at end of file diff --git a/public/css/modules/skip-to-content.css b/public/css/modules/skip-to-content.css new file mode 100644 index 0000000..d8650d7 --- /dev/null +++ b/public/css/modules/skip-to-content.css @@ -0,0 +1,13 @@ +.skip-to-content { + position: absolute; + left: var(--grid-padding-start); + top: -10rem; + opacity: 0; + transition: top 300ms, opacity 300ms; +} + +.skip-to-content:is(:focus, :focus-visible, :focus-within) { + top: var(--margin-block-md); + opacity: 1; + transition: top 100ms; +}
\ No newline at end of file |