Merge pull request #52 from mattip/permalinks

format permalinks to only show when hovering
hpyproject · Mar 22, 2024 · b173c0a · b173c0a
2 parents 605665a + 3a5ca84
commit b173c0a
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/themes/hpy/assets/css/styles.css b/themes/hpy/assets/css/styles.css
@@ -377,6 +377,28 @@ tbody tr:nth-child(odd) {
   background-color: #eeeeee;
 }
 
+/* Header permalinks */
+h1:hover .headerlink, h2:hover .headerlink,
+h3:hover .headerlink, h4:hover .headerlink,
+h5:hover .headerlink, h6:hover .headerlink {
+    display: inline;
+}
+
+.headerlink {
+    display: none;
+    color: #ddd;
+    margin-left: 0.2em;
+    padding: 0 0.2em;
+}
+
+.headerlink:hover {
+    opacity: 1;
+    background: #ddd;
+    color: #000;
+    text-decoration: none;
+}
+
+
 .metadata {
   border-bottom: 1px solid darkolivegreen;
 }