refine skip button

2026-01-02 18:13:23 -08:00
parent b358448d69
commit c16097898a
2 changed files with 8 additions and 1 deletions
@@ -23,7 +23,7 @@ const constructMenuLink = function(title, href) {
 }

 const constructSkipLink = function() {
-  const a = constructMenuLink("skip", "#main");
+  const a = constructMenuLink("skip to main", "#main");
  a.id = "skip";

  return a;
@@ -58,6 +58,13 @@ nav button:focus-visible {
 	z-index: 999;
 }

+@media (any-hover: hover) {
+  #skip:hover {
+    color: var(--color-bg);
+    background-color: var(--color-accent);
+  }
+}
+
 #current-page {
  border-right-width: .5rem;
  border-left-width: .5rem;