page equipe gouvernance partenaire #1493

web/themes/custom/popsu/css/styles.css

@@ -2417,6 +2417,53 @@ article p, .paragraph p {
     .page-node-type-static .field_textes .paragraph .field_texte h2 {
       text-transform: inherit; }
 
+.page-node-type-static .block-region-second #node\:field_equipes .field_equipes .paragraph .field_type_equipe {
+  font-size: 0.8rem;
+  font-weight: 600;
+  margin: 1rem 0; }
+
+.page-node-type-static .block-region-second #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph {
+  display: grid;
+  grid-auto-columns: minmax(0, 20%) auto minmax(0, 1fr);
+  margin-bottom: 1rem; }
+
+.page-node-type-static .block-region-second #node\:field_equipes .field_equipes .paragraph .field_membres .field_prenom {
+  grid-column: 2;
+  grid-row: 1;
+  display: inline-block;
+  font-weight: 500;
+  align-self: end; }
+
+.page-node-type-static .block-region-second #node\:field_equipes .field_equipes .paragraph .field_membres .field_nom {
+  grid-column: 3;
+  grid-row: 1;
+  padding-left: .2rem;
+  display: inline-block;
+  width: auto;
+  font-weight: 500;
+  align-self: end; }
+
+.page-node-type-static .block-region-second #node\:field_equipes .field_equipes .paragraph .field_membres .field_fonction {
+  grid-column: 2 / span 2;
+  align-self: start; }
+
+.page-node-type-static .block-region-second #node\:field_equipes .field_equipes .paragraph .field_membres .field_photo {
+  align-self: center;
+  grid-row: 1 / span 2;
+  margin-right: 1rem; }
+
+.page-node-type-static .block-region-second #node\:field_partenaires .paragraph {
+  display: grid;
+  grid-auto-columns: minmax(0, 20%) auto;
+  margin-bottom: 1rem; }
+
+.page-node-type-static .block-region-second #node\:field_partenaires .field_presentation {
+  grid-column: 2;
+  padding: 0 1rem; }
+
+.page-node-type-static .block-region-second #node\:field_partenaires .field_logo_partenaire {
+  align-self: center; }
+
 .page-node-type-actualite .block-region-first, .page-node-type-evenement .block-region-first {
   background-color: black;
   color: white; }

web/themes/custom/popsu/sass/pages/_default.scss

@@ -106,6 +106,77 @@ article, .paragraph{
             
         }
     }
+    .block-region-second{
+        #node\:field_equipes{
+            .field_equipes{
+                .paragraph{
+                    .field_type_equipe{
+                        font-size: $font-medium;
+                        font-weight: 600;
+                        margin: 1rem 0;
+                    }
+                    .field_membres{
+                        
+                        .paragraph{
+                            display: grid;
+                            // grid-template-columns: 20% 1fr 1fr;
+                            grid-auto-columns: minmax(0, 20%) auto minmax(0, 1fr);
+                            margin-bottom: 1rem;
+                            
+                        }
+                        // div:not(.field_photo){
+                        //     grid-column: 2;
+                        //     // flex: 1 100%;
+                        // }
+                        .field_prenom{
+                            grid-column: 2;
+                            grid-row: 1;
+                            display: inline-block;
+                            font-weight: 500;
+
+                            align-self: end;
+                        }
+                        .field_nom{
+                            grid-column: 3;
+                            grid-row: 1;
+                            padding-left: .2rem;
+                            display: inline-block;
+                            width: auto;
+                            font-weight: 500;
+
+                            align-self: end;
+                        }
+                        .field_fonction{
+                            grid-column: 2 / span 2;
+                            align-self: start;
+                        }
+                        .field_photo{
+                            align-self: center;
+                            grid-row: 1 / span 2;
+                            margin-right: 1rem;
+                        }
+                    }
+                }
+            }
+        }
+        #node\:field_partenaires{
+            .paragraph{
+                display: grid;
+                // grid-template-columns: 20% 1fr 1fr;
+                grid-auto-columns: minmax(0, 20%)  auto;
+                margin-bottom: 1rem;
+            }
+            .field_presentation{
+                grid-column: 2;
+                padding: 0 1rem;
+            }
+            .field_logo_partenaire{
+                align-self: center;
+            }
+        }
+    }
+
+    
 }
 
 .page-node-type-actualite, .page-node-type-evenement{