💄 style: update anchor links

💄 style: hide anchor links on small screens 🐛 fix: remove header link background change on hover
welpo · Mar 10, 2023 · c4f4a8d · c4f4a8d
2 parents 76db25b + 15c1280
commit c4f4a8d
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/sass/parts/_misc.scss b/sass/parts/_misc.scss
@@ -45,13 +45,16 @@ h6:hover .zola-anchor {
   opacity: 1;
 }
 
-.zola-anchor h1 a:hover, 
-.zola-anchor h2 a:hover, 
-.zola-anchor h3 a:hover, 
-.zola-anchor h4 a:hover, 
-.zola-anchor h5 a:hover, 
-.zola-anchor h6 a:hover {
-  background-color: transparent;
+h1, h2, h3, h4, h5, h6 {
+  a:hover {
+    background-color: transparent;
+  }
+}
+
+@media (max-width: 500px) {
+  .zola-anchor {
+    display: none;
+  }
 }
 
 ul {