valknar/palina-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add beautiful initial-letter drop cap effect to content
All checks were successful
Deploy Theme / deploy (push) Successful in 13s
Details

Browse Source
This commit is contained in:
Sebastian Krüger
2026-02-22 08:11:25 +01:00
parent 64c02b39dc
commit 021a3ea2a2
1 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
assets/css/tailwind.css
View File

@@ -184,6 +184,18 @@
.prose a:hover { .prose a:hover {
background-size: 100% 1px; 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 { .site-logo {