From 242cbbdf3a65f81acab424875c5e5c1656aa1016 Mon Sep 17 00:00:00 2001
From: TheThomaas <thethomaas@protonmail.ch>
Date: Fri, 24 Nov 2023 22:57:55 +0100
Subject: [PATCH] Place skip link in it's own file

---
 src/assets/css/components/_skip-link.scss | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 src/assets/css/components/_skip-link.scss

diff --git a/src/assets/css/components/_skip-link.scss b/src/assets/css/components/_skip-link.scss
new file mode 100644
index 0000000..994b0dd
--- /dev/null
+++ b/src/assets/css/components/_skip-link.scss
@@ -0,0 +1,20 @@
+.skip-link {
+    clip: rect(1px, 1px, 1px, 1px);
+    display: block;
+    block-size: 1px;
+    overflow: hidden;
+    position: absolute;
+    inline-size: 1px;
+    top: 1rem;
+    left: 1rem;
+    z-index: 999;
+}
+  
+.skip-link:focus {
+    clip: auto;
+    block-size: auto;
+    overflow: visible;
+    inline-size: auto;
+    padding: .2rem .4rem;
+    line-height: 1;
+}
\ No newline at end of file