_paragraph.scss

@use "../../02-tools/m-text" as *;

$paragraphs: "default", "small", "large", "huge";

p {
	@include text(default);

	&.has-background {
		padding: 20px;
	}

	@each $style in $paragraphs {
		&.is-style-#{$style} {
			@include text(#{$style});
		}
	}
}

// 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});
			}
		}
	}
}