summaryrefslogtreecommitdiffstatshomepage
diff options
context:
space:
mode:
authorWynn Wolf Arbor2020-06-01 12:03:18 +0200
committerWynn Wolf Arbor2020-06-01 12:03:18 +0200
commit27192677c97f8903981d784bb4b3c5063cb9f13d (patch)
treee216564ac5b19d760bab53c1be8b448c52b3e095
parentadfe9a33b8891c92dcf6d46829592df2ac9fee37 (diff)
downloadsite-27192677c97f8903981d784bb4b3c5063cb9f13d.tar.gz
css: Highlight current target in the footnotes block
When clicking on a footnote reference, the browser scrolls all the way down to the footnotes block of the post. It is not immediately clear which footnote was referenced, so use the `:target` selector in the footnotes block to make the linked footnote bold.
-rw-r--r--scss/style.scss4
1 files changed, 4 insertions, 0 deletions
diff --git a/scss/style.scss b/scss/style.scss
index 232b456..0c787e2 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -145,6 +145,10 @@ article {
font-size: smaller;
}
+ .footnotes :target {
+ font-weight: bold;
+ }
+
sup > a {
text-decoration: none;
}