application de la nouvelle identité sur toutes les pages

web/themes/erabletheme/scss/_ressources.scss

@@ -1,9 +1,27 @@
+// Le titre "Ressources" est rendu par chaque node (dans .page-header-outside,
+// frère de .ressources). On masque par défaut, et on n'affiche que sur la
+// 1re ressource via .views-row:first-of-type ci-dessous.
+.views-row .page-header-outside {
+  display: none;
+}
+
+// Pas d'espace entre les .views-row sur la page Ressources : on veut donner
+// l'illusion d'une colonne blanche unique. On annule margin-bottom de la
+// .views-row, et padding-top/bottom de chaque carte .ressources.
+.views-row:has(> .ressources) {
+  margin-bottom: 0 !important;
+}
+// Border-bottom brand color uniquement sur la dernière ressource (les
+// .fullpage intermédiaires l'ont par défaut, cf. _fullpage.scss).
+.views-row:not(:last-of-type) > .ressources {
+  border-bottom: none !important;
+}
+
 .ressources {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
-  > .main-title {
-    display: none;
-  }
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
   > div {
     padding: 0 $x_margin;
     display: grid;
@@ -35,6 +53,8 @@
       > div > span {
         margin-top: -1rem;
         @include fluo_button();
+        // Carte sur fond blanc : on contraste le CTA en gris pâle.
+        a { background-color: $page_bg; }
       }
       > div > span:last-of-type {
         display: none;
@@ -66,13 +86,20 @@
   }
 }
 
-.views-row:first-of-type {
-  > .ressources {
-    margin-top: 13vh !important;
-    > .main-title {
-      display: block;
-      padding-top: 5vh !important;
-      @include main_title();
+// Scope strict à la page /ressources (article.ressources frère du
+// .page-header-outside dans la 1re views-row). On ne touche pas aux autres
+// pages où un .page-header-outside peut aussi être dans une .views-row
+// (ex. /taxonomy/term/N avec .taxonomy_header).
+.views-row:first-of-type:has(> article.ressources) {
+  > .page-header-outside {
+    display: block;
+    // La page /ressources utilise un layout hacky qui pousse <main> à ~255px
+    // sous le header (cause non identifiée, conçu ainsi par le précédent dev).
+    // On compense avec un margin-top négatif pour rapprocher visuellement le
+    // titre du header, comme sur les autres pages d'index.
+    margin-top: calc(-200px + 3rem) !important;
+    @media (min-width: $breakpoint_desktop) {
+      margin-top: calc(-200px + 3rem) !important;
     }
   }
 }