Refactor post description styling

zackbraksa · Dec 17, 2024 · d4cfeb2 · d4cfeb2
1 parent 72ba953
commit d4cfeb2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/pages/posts/[slug].astro b/src/pages/posts/[slug].astro
@@ -26,7 +26,7 @@ const { Content } = await post.render();
       <h1 class="text-lg">
         {post.data.title} - {formatDate(post.data.publishedAt)}
       </h1>
-      <p class="italic">{post.data.description}</p>
+      <p>{post.data.description}</p>
     </header>
 
     <Content />

diff --git a/src/styles/post.css b/src/styles/post.css
@@ -2,10 +2,18 @@
   @apply leading-7;
 }
 
+.post header p {
+  @apply italic text-slate-600;
+}
+
 .post code {
   @apply rounded-sm bg-neutral-800 px-1 py-[2px] text-orange-500;
 }
 
+.post h1 {
+  @apply mt-8 text-3xl text-slate-400;
+}
+
 .post h2 {
   @apply mt-6 text-3xl text-neutral-100;
 }