fix linkable rules and support nesting

1 files changed, 11 insertions, 4 deletions

diff --git a/html/template.html b/html/template.html
index 8ae9a6d9..4c9bf623 100644
--- a/html/template.html
+++ b/html/template.html
@@ -23,6 +23,7 @@ $if(document-css)$
   --fg: #1a1a1a;
   --link-color: #1a1a1a;
   --pre-bg: #fdfdfd;
+  --highlight-bg: #fcf3cf;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -34,6 +35,7 @@ $if(document-css)$
     --fg: #ebdbb2; /* dark fg */
     --link-color: #d79921; /* yellow */
     --pre-bg: #1d2021; /* dark bg0_h */
+    --highlight-bg: #504945; /* dark bg2 */
   }
 }
 
@@ -130,10 +132,10 @@ $endif$
   padding: 1em;
   overflow: auto;
 }
-pre  > code {
+pre > code {
   white-space: pre;
 }
-pre  code {
+pre code {
   display: inline-block;
 }
 hr {
@@ -257,11 +259,16 @@ $if(toc)$
 }
 $endif$
 
-li.linkable-rule:active, li.linkable-rule:hover {
-  background-color: #d79921;
+li.linkable-rule.highlighted {
+  background-color: var(--highlight-bg);
   list-style-image: url(link.svg);
 }
 
+li.linkable-rule.highlighted ol {
+  background-color: $if(backgroundcolor)$$backgroundcolor$$else$var(--bg)$endif$;
+  list-style-image: none;
+}
+
 .draft-rate {
   padding-left: 1em;
 }