@import url("/assets/md.css")feat: start work on blog

@import url("/assets/md.css")

1 files changed, 34 insertions, 1 deletions

diff --git a/src/app.css b/src/app.css
index 43f5ab3..49c5f3a 100644
--- a/src/app.css
+++ b/src/app.css
@@ -10,6 +10,10 @@
 @import 'tailwindcss';
 
 @theme {
+  --font-sans: 
+    InterVariable, Inter, "Noto Sans",
+    ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
+    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --font-bios:
     'Ac437 IBM EGA 8x14', 'Hack', 'Courier New', 'Courier', 'monospace';
   --font-grub:
@@ -19,6 +23,36 @@
     'PxPlus IBM EGA 8x14', 'Hack', 'Courier New', 'Courier', 'monospace';
 }
 
+#postmd {
+  @apply font-sans;
+  h1 {
+    @apply font-bios text-5xl mb-1.5 mt-2;
+  }
+  h2 {
+    @apply my-1.5 text-2xl;
+  }
+  h3 {
+    @apply my-1 text-xl;
+  }
+  h4 {
+    @apply my-1 text-lg;
+  }
+  h1,h2,h3,h4,h5 {
+    @apply relative;
+    &::before {
+      content: "";
+      @apply absolute top-[20%] left-0 h-[60%] w-1 -ml-3 rounded-full transition-all bg-gray-200/0;
+    }
+    &:hover::before,
+    &:has(+p:hover)::before {
+      @apply -ml-2 bg-gray-200;
+    }
+  }
+  p {
+    @apply my-1;
+  }
+}
+
 /*
   The default border color has changed to `currentColor` in Tailwind CSS v4,
   so we've added these compatibility styles to make sure everything still
@@ -28,7 +62,6 @@
   color utility to any element that depends on these defaults.
 */
 @layer base {
-
   *,
   ::after,
   ::before,