FEATURE Handling multiple issue numbers

resources/css/base/links.css

@@ -28,6 +28,12 @@ a[target='_blank'] {
     text-underline-offset: 8px;
     transform: translateX(-4px);
   }
+  &--white {
+    @apply text-white;
+    &:after {
+      filter: brightness(0) invert(1);
+    }
+  }
 }
 .no-external-icon {
   &:after {

resources/css/blocks/chapter-section.css

@@ -1,5 +1,5 @@
 .chapter-section {
-  @apply relative lg:flex items-center justify-between gap-8  2xl:gap-12 !my-0;
+  @apply relative lg:flex items-center justify-between gap-8  2xl:gap-12 !my-16;
   @apply py-32 xl:py-32 2xl:py-48 px-4 md:px-12;
   @apply max-w-screen-2xl mx-auto;
   color: var(--content-box-text-color);
@@ -118,3 +118,8 @@
     @apply -rotate-1;
   }
 }
+
+.chapter-section--width-full.chapter-section--has-background
+  + .chapter-section--width-full.chapter-section--has-background {
+  @apply !-mt-20;
+}

resources/css/blocks/heading.css

@@ -22,6 +22,7 @@
   h6 {
     @apply font-light uppercase tracking-wider max-w-4xl  !text-5xl;
     line-height: 1.2 !important;
+    @apply !mb-0 !pb-0;
   }
 
   h1.has-text-align-center,

resources/css/blocks/revues-precedentes.css

@@ -45,7 +45,19 @@
       grid-template-columns: 61.8fr 38.2fr;
     }
     .content-meta {
-      @apply col-span-2 w-full max-w-full mb-0;
+      @apply col-span-2 w-full max-w-full mb-0 text-primary;
+      .issue-number-group {
+        @apply flex gap-2;
+      }
+      .label {
+        @apply text-primary sr-only;
+      }
+
+      @apply flex items-center  gap-2;
+
+      .value {
+        @apply bg-primary text-white p-4 font-medium uppercase;
+      }
     }
     &__image {
       @apply w-full h-full object-cover;
@@ -109,17 +121,11 @@
 
     &__post-details {
       @apply md:flex  gap-8 pt-12;
-
       .label {
-        @apply uppercase font-bold tracking-widest !mb-0;
+        @apply uppercase font-bold tracking-widest !mb-0 text-primary;
-      }
-
-      .card-revue__issue-number {
-        @apply flex items-center  gap-2;
-
-        &__value {
-          @apply bg-primary text-white p-4 font-bold uppercase;
       }
+      .card-revue__parution {
+        @apply text-primary;
       }
     }
   }

resources/css/blocks/subscribe-infolettre.css

@@ -1,5 +1,5 @@
 .subscribe-infolettre {
-  @apply relative !text-white lg:px-24 px-4 md:px-12;
+  @apply relative !text-white lg:px-24 px-4 md:px-12 !my-32;
 
   z-index: 5;
   &:after {

resources/css/components/page-header.css

@@ -2,8 +2,11 @@
   @apply bg-primary text-white py-16  items-center;
 
   &__inner {
-    @apply lg:grid grid-cols-1 lg:grid-cols-2;
+    @apply grid grid-cols-1 gap-x-24 gap-y-20 !py-0;
+    @screen lg {
       grid-template-columns: 61.8fr 38.2fr;
+      @apply !py-16;
+    }
   }
 
   &__title {
@@ -12,4 +15,10 @@
   &__subtitle {
     @apply text-white text-6xl;
   }
+  &__description {
+    @apply mb-8 lg:mb-16;
+  }
+  &__cta {
+    @apply internal-link-with-icon internal-link-with-icon--white;
+  }
 }

resources/css/editor-style.css

@@ -35,4 +35,7 @@ body {
 
 .deligraph-blocks-chapter-section {
   @apply !px-0;
+  svg {
+    @apply pointer-events-none;
+  }
 }

theme.json

@@ -24,11 +24,6 @@
           "slug": "carhop-green-light",
           "color": "#f1fcf9"
         },
-        {
-          "name": "Carhop Orange",
-          "slug": "carhop-orange",
-          "color": "#ffa630"
-        },
         {
           "name": "Carhop Blue",
           "slug": "carhop-blue",
@@ -39,26 +34,41 @@
           "slug": "carhop-blue-light",
           "color": "#eafeff"
         },
+        {
+          "name": "Carhop Red",
+          "slug": "carhop-red",
+          "color": "#ae2154"
+        },
+        {
+          "name": "Carhop Red Light",
+          "slug": "carhop-red-light",
+          "color": "#fcf3f8"
+        },
+        {
+          "name": "Carhop Orange",
+          "slug": "carhop-orange",
+          "color": "#ffa630"
+        },
+        {
+          "name": "Carhop Orange Light",
+          "slug": "carhop-orange-light",
+          "color": "#fff8eb"
+        },
         {
           "name": "Carhop Purple",
           "slug": "carhop-purple",
           "color": "#d6c3ff"
         },
+        {
+          "name": "Carhop Purple Light",
+          "slug": "carhop-purple-light",
+          "color": "#f8f5ff"
+        },
         {
           "name": "Carhop Gray",
           "slug": "carhop-gray",
           "color": "#484D4A"
         },
-        {
-          "name": "Carhop Yellow",
-          "slug": "carhop-yellow",
-          "color": "#0AD3FF"
-        },
-        {
-          "name": "Carhop Red",
-          "slug": "carhop-red",
-          "color": "#ae2154"
-        },
         {
           "name": "Secondary",
           "slug": "secondary",