From 30ce36e4065ca63f6f0131fbcd5dc57fc7ed34cb Mon Sep 17 00:00:00 2001
From: Andrew <74398819+AndrewDTR@users.noreply.github.com>
Date: Mon, 21 Oct 2024 02:14:07 -0500
Subject: [PATCH] remove unscoped img border & add border hover transition

---
 src/layouts/Blog.astro | 6 ------
 src/styles/global.css  | 7 ++++++-
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/layouts/Blog.astro b/src/layouts/Blog.astro
index 9bd6c39..3b65bf8 100644
--- a/src/layouts/Blog.astro
+++ b/src/layouts/Blog.astro
@@ -86,12 +86,6 @@ const imgLink = `${Astro.site.origin}/og${Astro.url.pathname.replace(/\/$/, "")}
       left-margin: 20px;
     }
 
-    img,
-    video {
-      border: 1px solid #f0e7d8;
-      padding: 5px;
-    }
-
     .tags a {
       text-decoration: none;
     }
diff --git a/src/styles/global.css b/src/styles/global.css
index 9759ca6..748c4ea 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -152,8 +152,13 @@ code {
 
 .actual-content img,
 .actual-content video {
-  border: 1px solid #f0e7d8;
+  border: 1px solid #cfbe9b;
   padding: 5px;
+  transition: border 0.2s;
+}
+
+.actual-content img:hover {
+  border: 1px solid #f1e9d8;
 }
 
 *, *::before, *::after {