From fdf5da229e5656f4aa4572a7bdf636b0bdf33f8a Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Tue, 25 Nov 2025 15:12:27 +0100
Subject: [PATCH] FEATURE handlign new variations and styles

---
 resources/css/blocks/chapter-section.css | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/resources/css/blocks/chapter-section.css b/resources/css/blocks/chapter-section.css
index 2125882..d783eab 100644
--- a/resources/css/blocks/chapter-section.css
+++ b/resources/css/blocks/chapter-section.css
@@ -1,6 +1,6 @@
 .chapter-section {
   @apply relative flex flex-col lg:flex-row  items-center justify-between gap-8  2xl:gap-12 !my-16;
-  @apply py-32 xl:py-32 2xl:py-48 px-4 md:px-20;
+  @apply py-16 md:py-32 xl:py-32 2xl:py-48 px-8 md:px-20;
   @apply max-w-screen-2xl mx-auto;
   color: var(--content-box-text-color);
   min-height: 60vh;
@@ -101,9 +101,6 @@
     @apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 h-full;
     z-index: 0;
     @apply w-full;
-    @screen md {
-      width: calc(100% - 30px);
-    }
 
     &--right {
       transform: scaleX(-1);
@@ -134,6 +131,22 @@
     } */
   }
 
+  &--backgrounded {
+    .chapter-section__background {
+      @screen md {
+        width: calc(100% - 30px);
+      }
+    }
+  }
+  &--framed {
+    .chapter-section__background {
+      width: calc(100% - 30px);
+      @screen md {
+        width: calc(100% - 30px);
+      }
+    }
+  }
+
   > *:not(.chapter-section__background) {
     z-index: 2;
   }