ENQUEUE new block styles

resources/css/app.css

@@ -39,6 +39,9 @@
 @import './blocks/revues-precedentes.css';
 @import './blocks/cta.css';
 @import './blocks/team-authors.css';
+@import './blocks/content-box.css';
+@import './blocks/heading.css';
+@import './blocks/decorative-shapes.css';
 
 /* ########### LIBS ############ */
 @import './libs/swiper.css';

resources/css/blocks/content-box.css

@@ -0,0 +1,29 @@
+.content-box {
+  @apply py-16;
+  background-color: var(--content-box-background-color);
+  color: var(--content-box-text-color);
+
+  h1.wp-block-heading,
+  h2.wp-block-heading,
+  h3.wp-block-heading,
+  h4.wp-block-heading,
+  h5.wp-block-heading,
+  h6.wp-block-heading {
+    color: var(--content-box-text-color);
+  }
+
+  p {
+    @apply pb-8;
+  }
+
+  &__innerblocks {
+    @apply max-w-screen-2xl mx-auto px-8;
+  }
+  h3 {
+    @apply title-small font-bold;
+  }
+
+  .carhop-heading:not(:first-child) {
+    @apply pt-32;
+  }
+}

resources/css/blocks/decorative-shapes.css

@@ -0,0 +1,3 @@
+.decorative-shapes {
+  @apply py-32;
+}

resources/css/blocks/heading.css

@@ -0,0 +1,22 @@
+.carhop-heading {
+  &__innerblocks {
+    @apply max-w-screen-2xl mx-auto px-4 flex flex-col items-center justify-center gap-8;
+  }
+
+  p {
+    @apply !mb-0 pb-0 uppercase;
+    line-height: 1.2 !important;
+    font-weight: 600;
+    letter-spacing: 0.15em;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    @apply font-light uppercase tracking-wider max-w-4xl mx-auto !text-5xl;
+    line-height: 1.2 !important;
+  }
+}