diff options
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; + } +} + |