Support paragraph style in the generated <p> with the wpautop function

cedric07 · cedric07 · commit 841ae3764303 · 2026-04-03T16:55:00.000+02:00
diff --git a/src/scss/06-blocks/core/_paragraph.scss b/src/scss/06-blocks/core/_paragraph.scss
@@ -15,3 +15,14 @@ p {
 		}
 	}
 }
+
+// For paragraphs generated by wpautop function (eg. excerpts), paragraphs are wrapped in a div with the class "is-style-large" for example. We need to apply the text style to the p elements inside the div.
+div {
+	@each $style in $paragraphs {
+		&.is-style-#{$style} {
+			& > p:where(:not([class*="is-style-"])) {
+				@include text(#{$style});
+			}
+		}
+	}
+}

Original file line number	Diff line number	Diff line change
`@@ -15,3 +15,14 @@ p {`
`15`	`15`	`}`
`16`	`16`	`}`
`17`	`17`	`}`
	`18`	`+`
	`19`	`+// For paragraphs generated by wpautop function (eg. excerpts), paragraphs are wrapped in a div with the class "is-style-large" for example. We need to apply the text style to the p elements inside the div.`
	`20`	`+div {`
	`21`	`+ @each $style in $paragraphs {`
	`22`	`+ &.is-style-#{$style} {`
	`23`	`+ & > p:where(:not([class*="is-style-"])) {`
	`24`	`+ @include text(#{$style});`
	`25`	`+ }`
	`26`	`+ }`
	`27`	`+ }`
	`28`	`+}`