From 14d227d46a2177a8928333894252d6299f531097 Mon Sep 17 00:00:00 2001
From: Bradley Taunt <brad@bt.ht>
Date: Mon, 27 Nov 2023 12:25:51 -0500
Subject: Trying to render posts all at once

---
 posts/first-letter.md | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 posts/first-letter.md

(limited to 'posts/first-letter.md')

diff --git a/posts/first-letter.md b/posts/first-letter.md
new file mode 100644
index 0000000..e1768d5
--- /dev/null
+++ b/posts/first-letter.md
@@ -0,0 +1,33 @@
+# First Letter Pseudo Element
+
+2019-05-03
+
+In today's TypeTip we will be taking a look at the often overlooked `:first-letter` CSS pseudo element. Though you might only use this for specific article-format web pages, it's still a nice-to-have in your web dev toolset.
+
+## The HTML
+
+Like most pseudo elements, nothing has to change with your pre-existing HTML structure:
+
+
+    <article>
+        <p>It was a bright cold day in April, and the clocks were striking thirteen.</p>
+    </article>
+
+
+## The CSS
+
+Here's where the magic happens:
+
+
+    p:first-letter {
+        color: orangered;
+        font-size: 250%;
+    }
+
+
+## Live CodePen
+
+[Live CodePen Example](https://codepen.io/bradleytaunt/pen/gJYbev/)
+
+
+
-- 
cgit v1.2.3-54-g00ecf