Style the first letter 🅰️.

gmarty · Mar 30, 2024 · 60a0b0e · 60a0b0e
1 parent da553bd
commit 60a0b0e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/content/blog/the-problem-of-user-language-lists-in-javascript.md b/src/content/blog/the-problem-of-user-language-lists-in-javascript.md
@@ -4,7 +4,7 @@ date: '2014-01-28'
 description: 'The list of languages configured in the browser is never made available to JavaScript!'
 ---
 
-[Edit: I wrote a followup post to this one at [Follow-up on navigator.languages](/posts/follow-up-on-navigator-languages/)]
+<div>[Edit: I wrote a followup post to this one at [Follow-up on navigator.languages](/posts/follow-up-on-navigator-languages/)]</div>
 
 [I've always wondered](https://twitter.com/g_marty/status/412527722410553344) why it is not possible to get in JavaScript the list of all languages as configured in the browser. This list is made available to servers via a HTTP header.
 

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -65,6 +65,16 @@ body {
   @apply my-5;
 }
 
+.prose > p:first-child::first-letter {
+  initial-letter: 2;
+}
+.prose > p:first-child {
+  @apply first-letter:float-left;
+  @apply first-letter:mr-2;
+  @apply first-letter:mt-2;
+  @apply first-letter:text-6xl;
+  @apply first-letter:font-bold;
+}
 .prose h1,
 .prose h2,
 .prose h3,