From 021a3ea2a2cbb45dec0bc7d9b4dea80b5259430c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Sun, 22 Feb 2026 08:11:25 +0100
Subject: [PATCH] feat: add beautiful initial-letter drop cap effect to content

---
 assets/css/tailwind.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index d0588ec..9e117d9 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -184,6 +184,18 @@
   .prose a:hover {
     background-size: 100% 1px;
   }
+
+  /* Initial Letter (Drop Cap) Effect */
+  .post-content > p:first-of-type::first-letter {
+    -webkit-initial-letter: 3 2;
+    initial-letter: 3 2;
+    color: var(--brand-primary);
+    @apply font-serif font-bold mr-4 float-left transition-colors duration-300;
+    /* Fallback for browsers that don't support initial-letter */
+    @supports not (initial-letter: 3) {
+      @apply text-7xl leading-[0.8] mt-2;
+    }
+  }
 }
 
 .site-logo {