Also set max width for other elements

reakaleek · reakaleek · commit eaca5d3c245b · 2025-04-24T10:31:58.000+02:00
diff --git a/src/Elastic.Markdown/Assets/markdown/typography.css b/src/Elastic.Markdown/Assets/markdown/typography.css
@@ -4,6 +4,7 @@
 	h1 {
 		@apply text-ink-dark text-5xl font-semibold;
 		line-height: 1.2em;
+		max-width: 805px; /* approximately 80ch */
 	}
 
 	h2 {
@@ -48,8 +49,10 @@
 		line-height: 1.5em;
 	}
 	
-	#elastic-docs-v3>p {
-		max-width: 80ch;
+	#elastic-docs-v3 {
+		&>p, &>ul, &>ol, &>.heading-wrapper {
+			max-width: 80ch;
+		}
 	}
 
 	a {

Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,7 @@`
`4`	`4`	`h1 {`
`5`	`5`	`@apply text-ink-dark text-5xl font-semibold;`
`6`	`6`	`line-height: 1.2em;`
	`7`	`+ max-width: 805px; /* approximately 80ch */`
`7`	`8`	`}`
`8`	`9`
`9`	`10`	`h2 {`
`@@ -48,8 +49,10 @@`
`48`	`49`	`line-height: 1.5em;`
`49`	`50`	`}`
`50`	`51`
`51`		`- #elastic-docs-v3>p {`
`52`		`- max-width: 80ch;`
	`52`	`+ #elastic-docs-v3 {`
	`53`	`+ &>p, &>ul, &>ol, &>.heading-wrapper {`
	`54`	`+ max-width: 80ch;`
	`55`	`+ }`
`53`	`56`	`}`
`54`	`57`
`55`	`58`	`a {`