From 7ebb46c0b928e3e652bf2b92c79b40e70cfe2c54 Mon Sep 17 00:00:00 2001
From: Demetrius Semanko <demetrius@demsem.dev>
Date: Wed, 1 Jul 2026 19:37:17 -0400
Subject: [PATCH] refactor(CSS): scope project preview styling

The CSS rules for styling the project previews was
scoped to Project.astro component. This should make
for more easily controlled CSS (reducing the need
for weird selectors and rules).
---
 src/components/Project.astro | 18 ++++++++++++++++++
 src/styles/global.css        | 17 -----------------
 2 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/components/Project.astro b/src/components/Project.astro
index 7d3b19e..dded5a6 100644
--- a/src/components/Project.astro
+++ b/src/components/Project.astro
@@ -1,6 +1,24 @@
 ---
 const { name, href, desc } = Astro.props;
 ---
+<style>
+  h2 {
+    border: none;
+    padding-left: 10px;
+  }
+
+  section:not(:first-child) {
+    border: var(--accent) 1.5pt solid;
+    border-radius: 10px;
+    margin-top: 16pt;
+    padding: 5px;
+  }
+
+  p {
+    padding: 10px;
+  }
+</style>
+
 <section class="projects">
   <section>
     <a {href}>
diff --git a/src/styles/global.css b/src/styles/global.css
index 115a750..6ab7862 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -131,20 +131,3 @@ nav {
     }
   }
 }
-
-.projects {
-  h2 {
-    border: none;
-  }
-
-  & > section {
-    border: var(--accent) 1.5pt solid;
-    border-radius: 10px;
-    margin-top: 16pt;
-    padding: 5px;
-  }
-
-  p {
-    padding: 10px;
-  }
-}
-- 
2.51.2