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
All checks were successful
Deploy Theme / deploy (push) Successful in 13s
This commit is contained in:
@@ -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);
|
||||||
|
|||||||
2
post.hbs
2
post.hbs
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user