STYLE Introducing styles

resources/css/blocks/chapter-section.css

@@ -0,0 +1,46 @@
+.chapter-section {
+	@apply flex items-center justify-center gap-8  2xl:gap-12 !my-0 px-12;
+	/* min-height: 80vh; */
+	@apply xl:pt-32;
+
+	@apply mx-auto;
+
+	/* & + *:not(.simple-screen) {
+		@apply xl:mt-32;
+	} */
+	&--right {
+		@apply flex-row-reverse;
+	}
+	&__content {
+		flex-shrink: 0;
+		@apply max-w-lg;
+		p {
+			@apply text-neutral-600 max-w-sm;
+		}
+	}
+	&__innerblocks {
+		/* @apply max-w-xl; */
+		p {
+		}
+	}
+	&__cover {
+		@apply object-contain;
+		min-width: 0;
+		flex-shrink: 1;
+		max-width: 100%; /* Empêche de dépasser son conteneur */
+		display: block;
+
+		&--large {
+			@apply !h-96;
+		}
+		&--grande {
+			@apply !h-80;
+		}
+		&--medium {
+			@apply !h-64;
+		}
+		&--small {
+			@apply !h-12;
+		}
+	}
+}