Fossil SCM

Add an "eye-candy": if a footnote's mark is followed then the corresponding back-reference is highlighted, if a footnote's back-reference is followed then highlight the corresponding footnote's mark.

george 2022-01-30 17:08 markdown-footnotes
Commit 50dcf92f85750f57baf5ac33e06a3c424103d10d6851edae600ce3c193ba79f2
1 file changed +6
--- src/default.css
+++ src/default.css
@@ -1674,10 +1674,16 @@
16741674
margin-bottom: 0.5em;
16751675
}
16761676
div.content div.markdown > ol.footnotes > li > .footnote-backrefs {
16771677
margin-right: 1em;
16781678
font-weight: bold;
1679
+}
1680
+div.markdown > ol.footnotes > li > .footnote-backrefs > a:target {
1681
+ background: gold;
1682
+}
1683
+div.markdown a.noteref:target > sup {
1684
+ background: gold;
16791685
}
16801686
16811687
/* Objects in the "desktoponly" class are invisible on mobile */
16821688
@media screen and (max-width: 600px) {
16831689
.desktoponly {
16841690
--- src/default.css
+++ src/default.css
@@ -1674,10 +1674,16 @@
1674 margin-bottom: 0.5em;
1675 }
1676 div.content div.markdown > ol.footnotes > li > .footnote-backrefs {
1677 margin-right: 1em;
1678 font-weight: bold;
 
 
 
 
 
 
1679 }
1680
1681 /* Objects in the "desktoponly" class are invisible on mobile */
1682 @media screen and (max-width: 600px) {
1683 .desktoponly {
1684
--- src/default.css
+++ src/default.css
@@ -1674,10 +1674,16 @@
1674 margin-bottom: 0.5em;
1675 }
1676 div.content div.markdown > ol.footnotes > li > .footnote-backrefs {
1677 margin-right: 1em;
1678 font-weight: bold;
1679 }
1680 div.markdown > ol.footnotes > li > .footnote-backrefs > a:target {
1681 background: gold;
1682 }
1683 div.markdown a.noteref:target > sup {
1684 background: gold;
1685 }
1686
1687 /* Objects in the "desktoponly" class are invisible on mobile */
1688 @media screen and (max-width: 600px) {
1689 .desktoponly {
1690

Keyboard Shortcuts

Open search /
Next entry (timeline) j
Previous entry (timeline) k
Open focused entry Enter
Show this help ?
Toggle theme Top nav button