using inline make the span full width, this should reduce layout shifts

chrisweb · chrisweb · commit e7a2d9b9b5fb · 2025-01-10T18:40:51.000+01:00
diff --git a/components/animated/typing.module.css b/components/animated/typing.module.css
@@ -14,6 +14,7 @@
 }
 
 .clip {
+    display: inline-block;
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;

Original file line number	Diff line number	Diff line change
`@@ -14,6 +14,7 @@`
`14`	`14`	`}`
`15`	`15`
`16`	`16`	`.clip {`
	`17`	`+ display: inline-block;`
`17`	`18`	`background-clip: text;`
`18`	`19`	`-webkit-background-clip: text;`
`19`	`20`	`-webkit-text-fill-color: transparent;`