From 72a30d02cc9da66219d8ab9d29db5d032480c51c Mon Sep 17 00:00:00 2001
From: dvdherron <dvdherron@gmail.com>
Date: Thu, 6 Feb 2025 14:27:51 +0100
Subject: [PATCH] style warning link target

---
 src/lib/components/ratio/ColorIssues.svelte | 11 ++++++++---
 src/sass/patterns/_lists.scss               |  1 +
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/ratio/ColorIssues.svelte b/src/lib/components/ratio/ColorIssues.svelte
index 2ef7afd..b839268 100644
--- a/src/lib/components/ratio/ColorIssues.svelte
+++ b/src/lib/components/ratio/ColorIssues.svelte
@@ -83,9 +83,14 @@
     margin-block-start: var(--gutter);
     max-inline-size: 85ch;
 
-    li:has(h3:target) {
-      color: white;
-      background: var(--success);
+    :target {
+      color: var(--active);
+
+      &::after {
+        content: ' \25C6';
+        display: inline-block;
+        margin-inline-start: var(--shim);
+      }
     }
   }
 
diff --git a/src/sass/patterns/_lists.scss b/src/sass/patterns/_lists.scss
index 9d819bd..0d70ec5 100644
--- a/src/sass/patterns/_lists.scss
+++ b/src/sass/patterns/_lists.scss
@@ -31,4 +31,5 @@ dd {
 .list-item-heading {
   font-size: var(--small);
   font-weight: bold;
+  transition: color var(--fast);
 }