Fix a styling bug on Firefox

For some reason the `a:hover` selector removes the styles from `a[selected], a:hover`. Separating them fixes it.
alexwlchan · Apr 5, 2024 · cffad95 · cffad95
1 parent 8b52bc6
commit cffad95
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/_scss/components/nav.scss b/src/_scss/components/nav.scss
@@ -32,12 +32,13 @@ nav {
 
   /* Add an extra thick underline so you know which part of the site
    * you're in. */
-  a[selected], a:hover {
+  a[selected] {
     text-decoration-thickness: 4px;
   }
 
   a:hover {
     text-decoration: underline;
+    text-decoration-thickness: 4px;
     text-decoration-skip-ink: none;
     background: none;
   }