diff options
author | Wynn Wolf Arbor | 2020-06-01 12:03:18 +0200 |
---|---|---|
committer | Wynn Wolf Arbor | 2020-06-01 12:03:18 +0200 |
commit | 27192677c97f8903981d784bb4b3c5063cb9f13d (patch) | |
tree | e216564ac5b19d760bab53c1be8b448c52b3e095 | |
parent | adfe9a33b8891c92dcf6d46829592df2ac9fee37 (diff) | |
download | site-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.scss | 4 |
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; } |