remove unscoped img border & add border hover transition

AndrewDTR · Oct 21, 2024 · 30ce36e · 30ce36e
1 parent 1083ca7
commit 30ce36e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git 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
@@ -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 {