layout type images

web/themes/custom/eql/dist/assets/css/bundle.css

@@ -6703,88 +6703,6 @@ article.node-type-ressource :visited {
 article.node-type-ressource a {
   color: black;
 }
-article.node-type-ressource.type-publications-issues-du-programme-eqld {
-  min-width: 300px;
-}
-article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource {
-  display: grid;
-  grid-template-columns: 1fr 1.8fr;
-  grid-template-rows: repeat(5 1fr);
-}
-article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-type-de-ressource {
-  order: 2;
-  grid-row: 2;
-  grid-column: 1/span 2;
-  margin-bottom: 0.5rem;
-}
-article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-type-de-media {
-  order: 1;
-  grid-row: 1;
-  grid-column: 1/span 2;
-}
-article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-images {
-  order: 3;
-  grid-row: 3/span 5;
-  height: auto;
-  width: 90%;
-}
-article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-images img {
-  height: auto;
-  width: 90%;
-  border: 1px solid #a3a3a3;
-}
-article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-title {
-  grid-row: 3;
-  margin-top: 0;
-  padding-bottom: 0.8rem;
-}
-article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-title h2 {
-  margin-left: 0 !important;
-  line-height: 0;
-}
-article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-title h2 a {
-  color: rgb(0, 158, 227);
-  font-size: 1.3rem;
-  font-style: normal;
-}
-article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-sous-titre {
-  margin-top: 0;
-  line-height: 1;
-}
-article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-sous-titre a,
-article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-sous-titre a:visited {
-  grid-row: 4;
-  color: rgb(0, 158, 227);
-  font-size: 1rem;
-  font-weight: 800;
-}
-article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-edition {
-  grid-row: 6;
-  line-height: 1.1;
-}
-article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-date-de-parution {
-  grid-row: 7;
-}
-article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-mots-clefs {
-  grid-row: 8;
-  margin-top: 0.5rem;
-  left: -0.2rem;
-  position: relative;
-}
-article.node-type-ressource.type-paroles-de-laureats .wrapper-ressource .field--name-field-type-de-ressource {
-  order: 2;
-}
-article.node-type-ressource.type-paroles-de-laureats .wrapper-ressource .field--name-field-type-de-media {
-  order: 1;
-}
-article.node-type-ressource.type-paroles-de-laureats .wrapper-ressource .field--name-field-images {
-  order: 3;
-}
-@media (max-width: 479px) {
-  article.node-type-ressource {
-    margin-left: 0;
-  }
-}
 article.node-type-ressource .wrapper-ressource {
   display: flex;
   flex-direction: column;
@@ -6906,6 +6824,124 @@ article.node-type-ressource .wrapper-ressource .field--name-field-mots-clefs .fi
 article.node-type-ressource .wrapper-ressource ul.links.inline {
   display: none;
 }
+article.node-type-ressource.type-publications-issues-du-programme-eqld {
+  min-width: 300px;
+}
+article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource {
+  display: grid;
+  grid-template-columns: 1fr 1.8fr;
+  grid-template-rows: repeat(5 1fr);
+}
+article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-type-de-ressource {
+  order: 2;
+  grid-row: 2;
+  grid-column: 1/span 2;
+  margin-bottom: 0.5rem;
+}
+article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-type-de-media {
+  order: 1;
+  grid-row: 1;
+  grid-column: 1/span 2;
+}
+article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-images {
+  order: 3;
+  grid-row: 3/span 5;
+  height: auto;
+  width: 90%;
+}
+article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-images img {
+  height: auto;
+  width: 90%;
+  border: 1px solid #a3a3a3;
+}
+article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-title {
+  grid-row: 3;
+  margin-top: 0;
+  padding-bottom: 0.8rem;
+}
+article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-title h2 {
+  margin-left: 0 !important;
+  line-height: 0;
+}
+article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-title h2 a {
+  color: rgb(0, 158, 227);
+  font-size: 1.3rem;
+  font-style: normal;
+}
+article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-sous-titre {
+  margin-top: 0;
+  line-height: 1;
+}
+article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-sous-titre a,
+article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-sous-titre a:visited {
+  grid-row: 4;
+  color: rgb(0, 158, 227);
+  font-size: 1rem;
+  font-weight: 800;
+}
+article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-edition {
+  grid-row: 6;
+  line-height: 1.1;
+}
+article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-date-de-parution {
+  grid-row: 7;
+}
+article.node-type-ressource.type-publications-issues-du-programme-eqld .wrapper-ressource .field--name-field-mots-clefs {
+  grid-row: 8;
+  margin-top: 0.5rem;
+  left: -0.2rem;
+  position: relative;
+}
+article.node-type-ressource.type-paroles-de-laureats .wrapper-ressource .field--name-field-type-de-ressource {
+  order: 2;
+}
+article.node-type-ressource.type-paroles-de-laureats .wrapper-ressource .field--name-field-type-de-media {
+  order: 1;
+}
+article.node-type-ressource.type-paroles-de-laureats .wrapper-ressource .field--name-field-images {
+  order: 3;
+}
+@media (max-width: 479px) {
+  article.node-type-ressource {
+    margin-left: 0;
+  }
+}
 article.node-type-ressource.type-presse .field--name-field-images {
   display: none;
+}
+article.node-type-ressource.type-les-projets-en-images .wrapper-ressource {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-template-rows: repeat(5 1fr);
+}
+article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-type-de-ressource {
+  order: 2;
+  grid-row: 2;
+  grid-column: 1/span 2;
+  margin-bottom: 0.5rem;
+}
+article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-type-de-media {
+  order: 1;
+  grid-row: 1;
+  grid-column: 1/span 2;
+}
+article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-images {
+  order: 3;
+  grid-column: 1;
+  grid-row: 3/span 5;
+  height: auto;
+  width: 400px !important;
+}
+article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-images img {
+  height: auto;
+  width: 90%;
+  border: 1px solid #a3a3a3;
+}
+article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-title,
+article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-sous-titre,
+article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-auteur-s-,
+article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-edition,
+article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-date-de-parution,
+article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-mots-clefs {
+  grid-column: 2;
 }

web/themes/custom/eql/scss/partials/_node-type-ressource-teaser.scss

@@ -14,111 +14,6 @@ article.node-type-ressource{
     a{
         color: black;
     }
-
-    &.type-publications-issues-du-programme-eqld{
-        // background-color: $background-actus;
-            min-width: 300px;
-
-        .wrapper-ressource{
-            display: grid;
-            grid-template-columns: 1fr 1.8fr; 
-            grid-template-rows: repeat(5 1fr);
-            .field--name-field-type-de-ressource{
-                order: 2;
-                grid-row: 2;
-                grid-column: 1 /span 2;
-                margin-bottom: 0.5rem;
-            }
-            .field--name-field-type-de-media{
-                order: 1;
-                grid-row: 1;
-                grid-column: 1 /span 2;
-            }
-            .field--name-field-images{
-                order: 3;
-                grid-row: 3 /span 5;
-                height: auto;
-                width: 90%;
-                img{
-                    height: auto;
-                    width: 90%;
-                    border: 1px solid #a3a3a3;
-                }
-            }
-            .field--name-title{
-                grid-row: 3;
-                margin-top: 0;
-                padding-bottom: 0.8rem;
-                h2{
-                    margin-left: 0 !important;
-                    line-height: 0;
-                    a{
-                        color: $blue-light;
-                        font-size: 1.3rem;
-                        font-style: normal;
-                    }
-                }
-                
-            }
-            .field--name-field-sous-titre{
-                margin-top: 0;
-                line-height: 1;
-                a,
-                a:visited{
-                grid-row: 4;
-                color: $blue-light;
-                font-size: 1rem;
-                font-weight: 800;
-                }
-            }
-            .field--name-field-auteur-s-{
-                // grid-row: 5;
-            }
-            .field--name-field-edition{
-                grid-row: 6;
-                line-height: 1.1;
-            }
-            .field--name-field-date-de-parution{
-                grid-row: 7;
-            }
-            .field--name-field-mots-clefs{
-                grid-row: 8;
-                margin-top: 0.5rem;
-                left: -0.2rem;
-                position: relative;
-            }
-        }
-    }
-    &.type-paroles-de-laureats{
-                .wrapper-ressource{
-            .field--name-field-type-de-ressource{
-                order: 2;
-            }
-            .field--name-field-type-de-media{
-                order: 1;
-                
-            }
-            .field--name-field-images{
-                order: 3;
-            }
-            .field--name-title{
-            }
-            .field--name-field-sous-titre{
-            }
-            .field--name-field-auteur-s-{
-            }
-            .field--name-field-edition{
-            }
-            .field--name-field-date-de-parution{
-            }
-            .field--name-field-mots-clefs{
-            }
-        }
-        // background-color: $background-actus;
-    }
-    @media (max-width: 479px) {
-        margin-left: 0;                                                
-    }   
     .wrapper-ressource{    
         display: flex;
         flex-direction: column;
@@ -246,9 +141,157 @@ article.node-type-ressource{
         }
     } 
 
+    &.type-publications-issues-du-programme-eqld{
+        // background-color: $background-actus;
+            min-width: 300px;
+
+        .wrapper-ressource{
+            display: grid;
+            grid-template-columns: 1fr 1.8fr; 
+            grid-template-rows: repeat(5 1fr);
+            .field--name-field-type-de-ressource{
+                order: 2;
+                grid-row: 2;
+                grid-column: 1 /span 2;
+                margin-bottom: 0.5rem;
+            }
+            .field--name-field-type-de-media{
+                order: 1;
+                grid-row: 1;
+                grid-column: 1 /span 2;
+            }
+            .field--name-field-images{
+                order: 3;
+                grid-row: 3 /span 5;
+                height: auto;
+                width: 90%;
+                img{
+                    height: auto;
+                    width: 90%;
+                    border: 1px solid #a3a3a3;
+                }
+            }
+            .field--name-title{
+                grid-row: 3;
+                margin-top: 0;
+                padding-bottom: 0.8rem;
+                h2{
+                    margin-left: 0 !important;
+                    line-height: 0;
+                    a{
+                        color: $blue-light;
+                        font-size: 1.3rem;
+                        font-style: normal;
+                    }
+                }
+                
+            }
+            .field--name-field-sous-titre{
+                margin-top: 0;
+                line-height: 1;
+                a,
+                a:visited{
+                grid-row: 4;
+                color: $blue-light;
+                font-size: 1rem;
+                font-weight: 800;
+                }
+            }
+            .field--name-field-auteur-s-{
+                // grid-row: 5;
+            }
+            .field--name-field-edition{
+                grid-row: 6;
+                line-height: 1.1;
+            }
+            .field--name-field-date-de-parution{
+                grid-row: 7;
+            }
+            .field--name-field-mots-clefs{
+                grid-row: 8;
+                margin-top: 0.5rem;
+                left: -0.2rem;
+                position: relative;
+            }
+        }
+    }
+    &.type-paroles-de-laureats{
+                .wrapper-ressource{
+            .field--name-field-type-de-ressource{
+                order: 2;
+            }
+            .field--name-field-type-de-media{
+                order: 1;
+                
+            }
+            .field--name-field-images{
+                order: 3;
+            }
+            .field--name-title{
+            }
+            .field--name-field-sous-titre{
+            }
+            .field--name-field-auteur-s-{
+            }
+            .field--name-field-edition{
+            }
+            .field--name-field-date-de-parution{
+            }
+            .field--name-field-mots-clefs{
+            }
+        }
+        // background-color: $background-actus;
+    }
+    @media (max-width: 479px) {
+        margin-left: 0;                                                
+    }   
+
+
     &.type-presse{
         .field--name-field-images{
             display: none;
         }
     }
+
+    &.type-les-projets-en-images{
+        // width: 500px !important;
+        .wrapper-ressource{
+            display: grid;
+            grid-template-columns: 1fr 1fr; 
+            grid-template-rows: repeat(5 1fr);
+            .field--name-field-type-de-ressource{
+                order: 2;
+                grid-row: 2;
+                grid-column: 1 /span 2;
+                margin-bottom: 0.5rem;
+            }
+            .field--name-field-type-de-media{
+                order: 1;
+                grid-row: 1;
+                grid-column: 1 /span 2;
+            }
+            .field--name-field-images{
+                order: 3;
+                grid-column: 1 ;
+                grid-row: 3 /span 5;
+                height: auto;
+                // width: 90%;
+                width: 400px !important;
+                img{
+                    height: auto;
+                    width: 90%;
+                    border: 1px solid #a3a3a3;
+                }
+            }
+            .field--name-title,
+            .field--name-field-sous-titre,
+            .field--name-field-auteur-s-,
+            .field--name-field-edition,
+            .field--name-field-date-de-parution,
+            .field--name-field-mots-clefs{
+                grid-column: 2;
+            }
+
+        }
+    }
 }