preprocess page partenaires

2024-02-27 13:30:59 +01:00
parent af3fd55599
commit 90a3afe6e8
12 changed files with 541 additions and 45 deletions
--- a/web/themes/custom/quartiers_de_demain/scss/pages/_partenaires.scss
+++ b/web/themes/custom/quartiers_de_demain/scss/pages/_partenaires.scss
@@ -0,0 +1,120 @@
+.partenaires{
+    .content_container{
+        display: grid;
+        grid-template-columns: repeat(12, 1fr);
+        #block-quartiers-de-demain-titredepage{
+            grid-column: 3 /span 9;
+            grid-row: 1;
+            margin-top: 3rem;
+            margin-bottom: 3rem;
+
+            h1{
+                text-transform: uppercase;
+                color: $red_QDD ;
+                font-size: $font-large;
+            }
+        }
+        .views-element-container{
+            grid-column: 3 /span 9;
+            grid-row: 2;
+
+        }
+    }
+}
+
+// .field--name-field-partenaires{
+//     padding-top: 3rem;
+    .node-type-partenaire{
+        width: 100%;
+        padding-bottom: 3rem;
+        display: grid;
+        grid-template-columns: repeat(7, 1fr);
+        grid-template-rows: repeat(auto-fill);
+        @media (max-width: 810px){
+            display: flex;
+            flex-direction: column;
+        }
+        .field--name-field-logo{
+        
+            grid-column: 1 / 2;
+            grid-row:  2;
+            margin-top: 2rem;
+            padding-right: 1rem;
+        }
+        .field--name-field-titre{
+            grid-column: 2 / 8;
+            grid-row:  1;
+            font-weight: 800;
+            
+        }
+        .field--name-field-texte{
+            grid-column: 2 / 8;
+            grid-row:  2;
+        }
+        .field--name-field-lien{
+            grid-column: 2 / 8;
+            grid-row:  3;
+        }
+    
+    }
+    a{
+        font-weight: 800;
+        svg{
+            display: none;
+        }
+    }
+    
+// }
+
+// .field--name-field-equipes{
+//     padding-top: 3rem;
+//     .paragraph--type--equipe{
+//         width: 100%;
+
+//         .paragraph--type--personne{
+//             width: 100%;
+//             padding-bottom: 3rem;
+//             display: grid;
+//             grid-template-columns: repeat(7, 1fr);
+//             grid-template-rows: repeat(auto-fill);
+//             @media (max-width: 810px){
+//                 display: flex;
+//                 flex-direction: column;
+//             }
+
+//             .field--name-field-photo{
+        
+//                 grid-column: 1 / 2;
+//                 grid-row:  1 / span 3;
+//                 // margin-top: 2rem;
+//                 padding-right: 1rem;
+//                 img{
+//                     border-radius: 50%;
+//                 }
+//             }
+//             .field--name-field-prenom{
+//                 grid-column: 2 / span 3;
+//                 grid-row:  1;
+//                 font-weight: 800;
+                
+//             }
+//             .field--name-field-nom{
+//                 grid-column: 2 / span 3;
+//                 grid-row:  2;
+//             }
+//             .field--name-field-fonction{
+//                 grid-column: 2 / 8;
+//                 grid-row:  3;
+//             }
+//         }
+
+    
+//     }
+//     a{
+//         font-weight: 800;
+//         svg{
+//             display: none;
+//         }
+//     }
+    
+// }