From 40ad47aacb344e5a4bc3cf18b301d8ba514596bc Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Thu, 22 Aug 2024 18:03:34 -0700
Subject: [PATCH] fix: book outline + focus state

---
 package-lock.json                 |  4 ++--
 package.json                      |  2 +-
 src/assets/styles/pages/books.css | 11 ++++++++++-
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index de7ad7a2..a7faabfa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "22.5.2",
+  "version": "22.5.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "22.5.2",
+      "version": "22.5.3",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.5.0",
diff --git a/package.json b/package.json
index dcccbd46..281ea8a3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "22.5.2",
+  "version": "22.5.3",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "scripts": {
diff --git a/src/assets/styles/pages/books.css b/src/assets/styles/pages/books.css
index ec1d97ef..9f8b7c34 100644
--- a/src/assets/styles/pages/books.css
+++ b/src/assets/styles/pages/books.css
@@ -13,6 +13,11 @@
     }
   }
 
+  & a:has(img) {
+    display: flex;
+  }
+
+
   & img {
     max-width: calc(var(--sizing-3xl) * 4);
     height: auto;
@@ -22,8 +27,12 @@
     transition-duration: 300ms;
   }
 
-  & a:hover img,
   & a:focus img,
+  & a:focus-within img {
+    border: 0
+  }
+
+  & a:hover img,
   & a:active img {
     border-color: var(--accent-color-hover)
   }