Prepare css for anchors after headers on pages

part of fix for #135

diff --git a/static/css/style.css b/static/css/style.css
index 576f786aa252385dcc3bc68ad5c6f00ab1aa898c..5205f1cfebcd69b6deebd94c844e98976b18c9b5 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -243,6 +243,36 @@ img {
     margin-top: 0;
 }
 
+.main h1 i,
+.main h2 i,
+.main h3 i,
+.main h4 i,
+.main h5 i,
+.main h6 i {
+    opacity: 0;
+    transition: opacity .08s;
+}
+
+.main h1:hover i,
+.main h2:hover i,
+.main h3:hover i,
+.main h4:hover i,
+.main h5:hover i,
+.main h6:hover i {
+    opacity: 1;
+}
+
+@media (--max-sm) {
+    .main h1 i,
+    .main h2 i,
+    .main h3 i,
+    .main h4 i,
+    .main h5 i,
+    .main h6 i {
+        opacity: 1;
+    }
+}
+
 ul {
     padding-left: 2em;
     list-style-type: disc;