STYLE Ajout de la règle d'alignement pour les éléments avec la classe alignwide dans le CSS de la boîte de contenu

resources/css/app.css

@@ -72,7 +72,9 @@
 @import './blocks/featured-news.css';
 @import './blocks/notice-panel.css';
 
+@import './blocks/wp-block-heading.css';
 @import './blocks/wp-block-list.css';
 @import './blocks/wp-block-table.css';
+
 /* ########### LIBS ############ */
 @import './libs/swiper.css';

resources/css/blocks/blocks-spacing.css

@@ -1,4 +1,4 @@
-.chapter-section + .content-box {
+.chapter-section--width-full + .content-box {
   margin-top: -80px;
 }
 

resources/css/blocks/content-box.css

@@ -11,6 +11,10 @@
     background-color: var(--content-box-background-color, transparent);
   }
 
+  &.alignwide {
+    @apply !mx-auto;
+  }
+
   .wp-block-group {
   }
 

resources/css/blocks/heading.css

@@ -1,7 +1,7 @@
 .carhop-heading {
   @apply pb-8;
   &__innerblocks {
-    @apply alignwide !mx-auto  flex flex-col  justify-center gap-6;
+    @apply alignwide !mx-auto  flex flex-col  justify-center gap-6 !my-0;
   }
 
   &--align-center {
@@ -62,6 +62,16 @@
       @apply !text-4xl fjalla  !tracking-wider font-normal;
     }
   }
+
+  &.is-style-stroked-after {
+    @apply flex items-end gap-4;
+    overflow-wrap: anywhere;
+    &:after {
+      @apply flex-auto border-b-2 border-primary border-solid mb-2;
+      content: '';
+      display: block;
+    }
+  }
 }
 
 /* test */

resources/css/blocks/wp-block-heading.css

@@ -0,0 +1,9 @@
+.wp-block-heading.is-style-stroked-after {
+  @apply flex items-end gap-2;
+  overflow-wrap: anywhere;
+  &:after {
+    @apply flex-auto border-b border-primary border-solid mb-2;
+    content: '';
+    display: block;
+  }
+}