feat: Adds Jump to main content functionality

[lemmy-ui.git] / src / assets / css / main.css

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 82f8433e89d063fd4c514dc9e5a09664fdbece4d..da5be8db1a77361d7caf5c6f96253f40480f99cc 100644 (file)
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -420,3 +420,18 @@ br.big {
 em-emoji-picker {
   width: 100%;
 }
+
+.skip-link {
+  top: -40px;
+  transition: top 0.3s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .skip-link {
+    transition: none;
+  }
+}
+
+.skip-link:focus {
+  top: 0;
+}