[styles] Header's anchor now has its own class

1 files changed, 7 insertions, 8 deletions

diff --git a/src/styles.css b/src/styles.css
index cee4c39..942512b 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -165,17 +165,16 @@ h1, h2, h3, h4, h5, h6, b {
   h4 { border-bottom: 2px solid var(--border-color); }
   h2, h3, h4, h5, h6 { display: inline-block; } /* For link to appear next to heading */
 
-  /* Heading link */ h2 + a, h3 + a, h4 + a, h5 + a, h6 + a {
+  .h-anchor {
       border: none !important;
       display: inline;
     }
-  /* Heading link */ h2 + a img, h3 + a img, h4 + a img, h5 + a img, h6 + a img {
-      border: none;
-      height: 1.3em;
-      vertical-align: text-bottom;
-    }
-  /* Heading link */ h2 + a img, h3 + a img, h4 + a img, h5 + a img, h6 + a img,
-  .icon, .file-icon, .file-wrapper > summary {
+    .h-anchor img {
+        border: none;
+        height: 1.3em;
+        vertical-align: text-bottom;
+      }
+  .h-anchor img, .icon, .file-icon, .file-wrapper > summary {
       /* Since link images are made for dark mode, and have white-ish foreground,
        * this filter makes them black (when in light mode)
        */