From 83e4ba98173ca608f8443b28dfcc8ff42413ab32 Mon Sep 17 00:00:00 2001
From: Henri Remonen <henri@remonen.fi>
Date: Sat, 30 Mar 2024 15:16:50 +0200
Subject: [PATCH] style: better skip link

---
 src/components/common/SkipLink.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/common/SkipLink.tsx b/src/components/common/SkipLink.tsx
index beae8c0..5aa98c6 100644
--- a/src/components/common/SkipLink.tsx
+++ b/src/components/common/SkipLink.tsx
@@ -3,7 +3,10 @@ interface SkipLinkProps {
 }
 
 const SkipLink = ({ href }: SkipLinkProps) => (
-  <a href={href} className='sr-only'>
+  <a
+    href={href}
+    className='sr-only translate-y-[-150%] transform focus:not-sr-only focus:absolute focus:left-1/2 focus:translate-y-0 focus:transition-transform '
+  >
     Skip to content
   </a>
 )