diff options
| author | Vosjedev <vosje@vosjedev.net> | 2025-11-09 10:59:11 +0100 |
|---|---|---|
| committer | Vosjedev <vosje@vosjedev.net> | 2025-11-09 10:59:11 +0100 |
| commit | de667cd00ee30712480bdbc2cd98b83fbb2b966c (patch) | |
| tree | dcfdfe5d11bb50487a850584076a8bea3d8b2986 /html/style.css | |
| parent | 3752644571c981d81d8fa702f507dc44efcd14de (diff) | |
| download | acit-de667cd00ee30712480bdbc2cd98b83fbb2b966c.tar.gz acit-de667cd00ee30712480bdbc2cd98b83fbb2b966c.tar.bz2 acit-de667cd00ee30712480bdbc2cd98b83fbb2b966c.tar.xz | |
html/css: add skip navigation links to project pages
another commit in the 'larger amount' of accessibility feedback commits
Diffstat (limited to 'html/style.css')
| -rw-r--r-- | html/style.css | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/html/style.css b/html/style.css index 2689098..08c038e 100644 --- a/html/style.css +++ b/html/style.css @@ -305,3 +305,32 @@ h1, h2 { } + +/* credits to webaim.org's css for the base */ +#skiptocontent a { + padding:6px; + position: absolute; + top:-40px; + color: var(--background-inverted); + border-right:1px solid white; + border-bottom:1px solid white; + background: var(--colour-inverted); + -webkit-transition: top .5s ease-out; + transition: top .5s ease-out; + z-index: 100; +} + +#skiptocontent a:focus { + position:absolute; + top:0px; + outline-color:transparent; + -webkit-transition: top .05s ease-in; + transition: top .05s ease-in; +} + +@media (prefers-reduced-motion: reduce) { + #skiptocontent a { + transition-duration: 0.001ms !important; + } +} + |