From: Ben Harris <bjh21@bjh21.me.uk>
Date: Sun, 12 Oct 2025 00:07:55 +0000 (+0100)
Subject: webstead: visual distinction for input:checked:active too
X-Git-Tag: bedstead-3.261~37
X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~bjharris/git?a=commitdiff_plain;h=da628c5e441c7ad58dc74f744be5c73589dee4e5;p=bedstead.git

webstead: visual distinction for input:checked:active too

It's a bit crude, but I think it helps.
---

diff --git a/webstead.xhtml b/webstead.xhtml
index 03877f2..598b7dc 100644
--- a/webstead.xhtml
+++ b/webstead.xhtml
@@ -40,6 +40,12 @@
       #pixels input:checked {
           background: currentColor;
       }
+      #pixels input:checked:active {
+          border: 0;
+          margin: 3px;
+          width: calc(var(--pix) - 6px);
+          height: calc(var(--pix) - 6px);
+      }
     </style>
     <!-- Script is async rather than deferred because Chromium can't
          handle deferred scripts in XHTML.