fix: first letter style

fbuireu · Jan 27, 2025 · 4c0111a · 4c0111a
1 parent 36474f6
commit 4c0111a
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 2 deletions.
diff --git a/src/pages/articles/_article.css b/src/pages/articles/_article.css
@@ -15,13 +15,24 @@
 		view-timeline: var(--is);
 	}
 
-	@supports (initial-letter: 3 2) {
+	& > p:first-of-type::first-letter {
+		color: var(--primary-main);
+	}
+
+	@supports (initial-letter: 2 2) {
 		& > p:first-of-type::first-letter {
-			initial-letter: 3 2;
+			initial-letter: 2 2;
 			padding-right: 0.25rem;
 		}
 	}
 
+	@supports not (initial-letter: 2 2) {
+		& > p:first-of-type::first-letter {
+			float: left;
+			font-size: 2lh;
+		}
+	}
+
 	@media (width <= 960px) {
 		gap: 0;
 		margin-inline: 1rem;

diff --git a/src/ui/styles/base/base.css b/src/ui/styles/base/base.css
@@ -88,6 +88,15 @@
 		}
 	}
 
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
+		text-box: trim-both cap alphabetic;
+	}
+
 	h1 {
 		font-size: clamp(4rem, 4.25vw, 5.25rem);
 	}
-Original file line number
+Diff line change
@@ Expand Up / @@ -88,6 +88,15 @@ @@
     		}
     	}
+    	h1,
+    	h2,
+    	h3,
+    	h4,
+    	h5,
+    	h6 {
+    		text-box: trim-both cap alphabetic;
+    	}
     	h1 {
     		font-size: clamp(4rem, 4.25vw, 5.25rem);
     	}
@@ Expand Down @@