install/setup sass

2025-11-22 21:01:20 -05:00
parent fb99d9cfef
commit 67d8178270
31 changed files with 442 additions and 282 deletions
@@ -0,0 +1,43 @@
+---
+import { add, format } from "date-fns";
+
+import CalendarIcon from "@assets/svg/calendar.svg";
+
+interface Props {
+  title: string;
+  date: Date;
+  slug?: string;
+}
+
+const { title, date, slug } = Astro.props;
+---
+
+<div class="blog-header">
+  {slug ? <a href={`/blog/${slug}`}>{title}</a> : <h1>{title}</h1>}
+  <div>
+    <CalendarIcon class="calendar-icon" width={24} height={24} />
+    <strong>{format(add(new Date(date), { hours: 6 }), "MMM do, y")}</strong>
+  </div>
+</div>
+
+<style lang="scss">
+  a {
+    font-size: 1.3rem;
+  }
+
+  strong {
+    font-weight: bolder;
+  }
+
+  .blog-header {
+    margin: 1rem 0;
+  }
+
+  .blog-header > h2 {
+    margin: 0;
+  }
+
+  .calendar-icon {
+    transform: translateY(0.3rem);
+  }
+</style>