💄 style: update anchor links

💄 style: hide anchor links on small screens 🐛 fix: remove header link background change on hover
2 years ago · c4f4a8d244
parent 76db25b44a 15c1280706
commit c4f4a8d244
1 changed files with 10 additions and 7 deletions
--- 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 {