diff options
Diffstat (limited to 'assets/css')
| -rw-r--r-- | assets/css/components/hamburger.css | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/assets/css/components/hamburger.css b/assets/css/components/hamburger.css index 200e81d..2c868d8 100644 --- a/assets/css/components/hamburger.css +++ b/assets/css/components/hamburger.css @@ -170,18 +170,20 @@ /* Skip Link */ .skip-link { - position: absolute; - top: -40px; + position: fixed; + top: 0; left: 0; background: var(--accent); color: var(--bg); - padding: var(--sp-2) var(--sp-4); + padding: var(--sp-3) var(--sp-4); z-index: var(--z-modal); text-decoration: none; font-family: var(--font-mono); font-size: 0.9rem; + transform: translateY(-100%); + transition: transform var(--duration-base) ease; } .skip-link:focus { - top: 0; + transform: translateY(0); } |