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;
+    }
+  }
+}

tailwind.config.js

@@ -52,19 +52,6 @@ module.exports = {
           900: '#7a240d',
           950: '#461002',
         },
-        'carhop-blue': {
-          50: getBaseColor('carhop-blue-light'),
-          100: '#cbfbff',
-          200: '#9ef4ff',
-          300: '#5be9ff',
-          400: getBaseColor('carhop-blue'), // Base Color
-          500: '#00b7e5',
-          600: '#0091c0',
-          700: '#03739b',
-          800: '#0d5d7d',
-          900: '#104d69',
-          950: '#033249',
-        },
         'carhop-red': {
           50: '#fcf3f8',
           100: '#fbe8f2',

theme.json

@@ -24,16 +24,6 @@
           "slug": "carhop-green-light",
           "color": "#f1fcf9"
         },
-        {
-          "name": "Carhop Blue",
-          "slug": "carhop-blue",
-          "color": "#c3e0ff"
-        },
-        {
-          "name": "Carhop Blue Light",
-          "slug": "carhop-blue-light",
-          "color": "#eafeff"
-        },
         {
           "name": "Carhop Orange",
           "slug": "carhop-orange",