From 3f6a9546ec13063d0d5bdf21d30a93d3e8aa6050 Mon Sep 17 00:00:00 2001 From: Bradley Taunt Date: Tue, 2 Jul 2024 14:22:21 -0400 Subject: Rebuild changes based off latest barf --- build/posts/first-letter/index.html | 58 ------------------------------------- 1 file changed, 58 deletions(-) delete mode 100644 build/posts/first-letter/index.html (limited to 'build/posts/first-letter') diff --git a/build/posts/first-letter/index.html b/build/posts/first-letter/index.html deleted file mode 100644 index bca0dbb..0000000 --- a/build/posts/first-letter/index.html +++ /dev/null @@ -1,58 +0,0 @@ - - - - - - - - First Letter Pseudo Element - - - - - - - -
-

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

- \ No newline at end of file -- cgit v1.2.3-54-g00ecf