home view-display-id-block_2

web/themes/custom/eql/scss/pages/_home.scss

@@ -25,6 +25,7 @@
 }
 
 
+// bandeau bleu actus
 
 .block-views-blockactus-blocks-pages-block-1{
     background-color: $blue-dark;
@@ -55,6 +56,7 @@
 }
 
 
+// actu dans bandeau
 
 .node-type-actualite div:first-child{
     display: flex;
@@ -64,6 +66,7 @@
     :nth-child(5) { order: 3; }            
 }
 
+// bouton voir toutes actus du bandeau bleu
 
 .field--type-link {
     display: block;
@@ -80,36 +83,66 @@
         color: $blue-light;
     } 
     a::after{
-        // font-family: "Font Awesome";
         display: inline-block;
         content: url("../../images/pictos/polygon2.svg");
-        // width: 6rem;
-        // height: 4rem;
-        background: green;
 
     }
 }
 
+// boutons en savoir plus pour lien vers pages statiques
 
-.node-type-static{
-    padding: 1rem;
-
-    .inline.links{
-        display: block;
-        width: fit-content;
+.view-display-id-block_2{
+    padding-top: 2rem;
+    .node-type-static{
+        width: 80%;
+        margin: auto;
+        div:first-child:not(.field__item):not(.field){
+            display: flex;
+            flex-direction: row;
+        }
         padding: 1rem;
-        font-size: 1rem;
-        
-        // background-color: $white;
-        border: 2px solid $blue-light;  
-        list-style: none;
-        a{
-            text-transform: uppercase;
-            font-weight: 700;
-            color: $blue-light;
-            // &::after{
-            //     content: url('../../images/pictos/noun_Arrow_3771902.svg');   
-            // }
+
+        .inline.links{
+            align-self: flex-end;
+            width: fit-content;
+            height: fit-content;
+            padding: 0.4rem 1rem;
+            font-size: 0.8rem;
+            margin: 0;
+            background-color: $white;
+            border: 2px solid $blue-light;  
+            list-style: none;
+
+            a{
+                text-transform: uppercase;
+                font-weight: 700;
+                color: $blue-light;
+                // &::after{
+                //     content: url('../../images/pictos/noun_Arrow_3771902.svg');   
+                // }
+            }
+        }
+        .field--name-field-images{
+            .field__item{
+                img{
+                    width: 15rem;
+                    height: auto;
+                }
+            }
+        }
+        .field--name-title{
+            display: none;
+        }
+        .field--name-field-accroche{
+            flex: 1 1 50px;
+            padding-left: 1rem;
+            p{
+                font-size: 1.5rem;
+                width: 110%;
+            }
+
         }
     }
-}
+
+}
+    

web/themes/custom/eql/scss/pages/_static.scss

@@ -109,14 +109,14 @@
                 color: $blue-dark;
                 font-weight: 500;
             }
-            .field--type-image{
-                // max-width: 70%;
-                // max-height: 4rem;
-                // img{
-                //     object-fit: scale-down;
-                // }
+            // .field--type-image{
+            //     // max-width: 70%;
+            //     // max-height: 4rem;
+            //     // img{
+            //     //     object-fit: scale-down;
+            //     // }
 
-            }
+            // }
         }
     }