From feb2785238a638cdb6ba00a0087d92f73c2c085f Mon Sep 17 00:00:00 2001
From: Tim Bannister <tim@scalefactory.com>
Date: Sat, 2 Oct 2021 16:53:59 +0100
Subject: [PATCH] Highlight third party content disclaimer

When the (new) third party content disclaimer is the current target,
highlight it with a flash of yellow that fades to a yellow background,
rather than the usual gray.
---
 assets/scss/_custom.scss | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss
index 7d6aa6784fb..752af266cb0 100644
--- a/assets/scss/_custom.scss
+++ b/assets/scss/_custom.scss
@@ -343,6 +343,26 @@ main {
   }
 }
 
+// Highlight disclaimer when targeted as a fragment
+
+#third-party-content-disclaimer {
+  color: #000;
+  background: #f8f9fa;
+  transition: all 0.5s ease;
+}
+
+@keyframes disclaimer-highlight {
+  from { background: #f8f922; color: #000; }
+  50% { background: #f8f944; color: #000; }
+  to { background: #f8f9cb; color: #000; }
+}
+
+#third-party-content-disclaimer:target {
+  color: #000;
+  animation: disclaimer-highlight 1.25s ease;
+  background: #f8f9cb;
+}
+
 .deprecation-warning {
     padding: 20px;
     margin: 20px 0;