dev studio

app/components/strapiconvert/StrapiBlocksConvert.vue

@@ -149,6 +149,15 @@
 <style lang="scss">
   .strapi-blocks {
     font-family: var(--font-roboto);
+    --strapi-heading-space: 24px;
+    --strapi-heading-tight-space: 6px;
+    --strapi-heading-tightest-space: 4px;
+    --strapi-heading-content-space: 10px;
+
+    // Espace standard avant un titre quand il suit un bloc de contenu.
+    :is(* + h1, * + h2, * + h3, * + h4) {
+      margin-top: var(--strapi-heading-space);
+    }
 
     &--p {
       font-weight: var(--fw-light);
@@ -156,39 +165,47 @@
       line-height: 22px;
       margin-bottom: 5px;
       text-align: justify;
+      white-space: pre-line;
     }
     h1 {
-      padding-bottom: 10px;
       font-weight: var(--fw-bold);
       font-size: 30px;
       text-transform: uppercase;
+      line-height: 30px;
     }
     h2 {
-      padding-bottom: 7px;
       font-weight: var(--fw-bold);
       font-size: 26px;
       color: var(--c-brand_rouge);
       text-transform: uppercase;
+      line-height: 30px;
     }
     h3 {
-      padding-bottom: 10px;
       font-weight: var(--fw-semibold);
       font-size: 26px;
     }
     h4 {
-      padding-bottom: 3px;
       font-weight: var(--fw-medium);
       font-size: 22px;
+      line-height: 30px;
     }
-    h4 {
-      padding-bottom: 3px;
-      font-weight: var(--fw-medium);
-      font-size: 22px;
+
+    // Espace après un titre quand le bloc suivant est du contenu.
+    :is(h1, h2, h3, h4) + :is(p, ul, ol, blockquote, pre, figure) {
+      margin-top: var(--strapi-heading-content-space);
     }
-    h4 {
-      padding-bottom: 3px;
-      font-weight: var(--fw-medium);
-      font-size: 22px;
+
+    // Entre deux titres, on resserre pour éviter un rythme trop lâche.
+    h1 + :is(h2, h3, h4) {
+      margin-top: var(--strapi-heading-tight-space);
+    }
+
+    h2 + :is(h3, h4) {
+      margin-top: var(--strapi-heading-tight-space);
+    }
+
+    h3 + h4 {
+      margin-top: var(--strapi-heading-tightest-space);
     }
 
     em {
@@ -314,9 +331,7 @@
     &__figure + &__h {
       margin-top: 23px;
     }
-    > :not(h1) {
-      margin-left: 20px;
-    }
+
 
   }
 </style>