page archives projets filters

2026-10-26 16:31:07 +01:00
parent 329459600b
commit 101e7124c2
7 changed files with 357 additions and 11 deletions
@@ -11,13 +11,41 @@


 div.views-archives-projets{
-  // Design : 4 colonnes ou 2, jamais 3 — grille explicite qui bascule au
-  // seuil mobile. Une dernière rangée incomplète ne s'étire pas.
-  display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-  gap: $colsgap;
-  @media #{$mobile}{
-    grid-template-columns: repeat(2, minmax(0, 1fr));
+  // Le header (liste « type de projet ») vit hors de la grille :
+  >header{
+    padding-bottom: 2em;
+
+    h3{
+      font-size: 1em;
+      margin:0 0 0.5em 0;
+      font-weight: 400;
+      // font-size: ;
+    }
+    ul{
+      padding:0;
+      margin: 0;
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      gap: 1em;
+      li{
+        list-style: none;
+        line-height: 0.4;
+      }
+    }
+  }
+
+  // les rows sont wrappées dans div.view-content (template
+  // views-view--archives--page-1.html.twig), qui porte la grille.
+  div.view-content{
+    // Design : 4 colonnes ou 2, jamais 3 — grille explicite qui bascule au
+    // seuil mobile. Une dernière rangée incomplète ne s'étire pas.
+    display: grid;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+    gap: $colsgap;
+    @media #{$mobile}{
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
  }