fix: ensure drop-cap effect is applied reliably by using is-post class anchor
All checks were successful
Deploy Theme / deploy (push) Successful in 13s

This commit is contained in:
2026-02-22 11:28:28 +01:00
parent c276108078
commit be883e0b59
2 changed files with 2 additions and 2 deletions

View File

@@ -188,7 +188,7 @@
} }
/* Initial Letter (Drop Cap) Effect - Only on Posts */ /* Initial Letter (Drop Cap) Effect - Only on Posts */
.post-template .post-content > p:first-of-type::first-letter { .is-post .post-content > p:first-of-type::first-letter {
-webkit-initial-letter: 3 2; -webkit-initial-letter: 3 2;
initial-letter: 3 2; initial-letter: 3 2;
color: var(--brand-primary); color: var(--brand-primary);

View File

@@ -1,7 +1,7 @@
{{!< default}} {{!< default}}
{{#post}} {{#post}}
<article class="container mx-auto px-4 py-12"> <article class="is-post container mx-auto px-4 py-12">
<header class="text-center mb-8 max-w-3xl mx-auto"> <header class="text-center mb-8 max-w-3xl mx-auto">
<h1 class="text-6xl font-bold tracking-tight text-[var(--text-primary)] mb-4">{{title fallback="No Title Provided"}}</h1> <h1 class="text-6xl font-bold tracking-tight text-[var(--text-primary)] mb-4">{{title fallback="No Title Provided"}}</h1>
<section class="post-meta text-[var(--text-secondary)] text-lg"> <section class="post-meta text-[var(--text-secondary)] text-lg">