From 27192677c97f8903981d784bb4b3c5063cb9f13d Mon Sep 17 00:00:00 2001 From: Wynn Wolf Arbor Date: Mon, 1 Jun 2020 12:03:18 +0200 Subject: 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. --- scss/style.scss | 4 ++++ 1 file changed, 4 insertions(+) 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; } -- cgit v1.2.3-2-gb3c3