From 3accb262ce2b082a8afe257b4a03f1a9ccc36782 Mon Sep 17 00:00:00 2001
From: Stefan Kreutz <mail@skreutz.com>
Date: Wed, 22 Jul 2020 15:03:49 +0200
Subject: Highlight target footnote

---
 BACKLOG.md   | 1 -
 css/site.css | 5 +++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/BACKLOG.md b/BACKLOG.md
index a2c6900..4cc59da 100644
--- a/BACKLOG.md
+++ b/BACKLOG.md
@@ -20,7 +20,6 @@
 ## Styling
 
 * Fix print layout on Firefox
-* Consider to highlight :target footnote
 * Add :target or :checked menu on mobile
 * Style `<pre title="foo">`, e.g., `pre[title]::before { content: attr(title); display: block; text-align: right; }`
 * Alternative `font-family` for iOS Safari: macOS and iOS don't ship with Dejavu or Open Sans: https://developer.apple.com/fonts/system-fonts/
diff --git a/css/site.css b/css/site.css
index 05a3afa..5f2626a 100644
--- a/css/site.css
+++ b/css/site.css
@@ -154,6 +154,11 @@ article header h1 + * {
   margin-top: 0.5em;
 }
 
+article .footnotes li:target {
+  background: var(--light-gray);
+  transition: background 0.5s;
+}
+
 :not(pre) > code {
   background: var(--light-gray);
   white-space: nowrap;
-- 
cgit v1.2.3