carroussel actus

web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss

@@ -0,0 +1,84 @@
+#actus-caroussel{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    .__timeline-arrows{
+        width: fit-content;
+        margin: auto;
+
+        button{
+            background-color: transparent;
+            border: none; 
+            &:hover{
+                opacity: 0.5;
+            } 
+            svg{
+                padding: 0.5rem;
+
+            }
+        }
+    }
+    h2{
+        width: fit-content;
+    }
+    // html.js.sr body div.dialog-off-canvas-main-canvas div.layout-container.home main#home div.layout-content div.content_container div.layout.layout--onecol div.layout__region.layout__region--content div.block-region-content div#actus-caroussel.views-element-container div.content-actus div div.js-view-dom-id-b0034e5565032847800e2aa5b7dc6211f2b856c751ed2284dfe542976a01c20c
+    .content-actus{
+        .view{
+            display: flex;
+            flex-direction: row;
+            flex-wrap: nowrap;
+            width: 100vw;
+            
+        }
+        .views-row{
+            width: 25%;
+            padding: 1rem;
+            .node-type-actualite{
+                .field_field_images{
+                    -moz-border-radius: 9px; /* pour Mozilla */
+                    -khtml-border-radius: 9px; /* pour Safari et Chrome */
+                    -webkit-border-radius: 9px; /* pour Safari sur Mac */
+                    border-radius: 9px; /* CSS3 */
+                    background-color: red;
+                    height: 160px;
+                    margin-bottom: 0.6rem;
+                    img{
+                        width: 100%;
+                        height: auto;
+                        max-height: 160px;
+                        object-fit: cover;
+                    }
+                }
+                .field_field_type_d_actualite{
+                    text-transform: uppercase;
+                    color: red;
+                    font-size: 0.6rem;
+                    font-weight: 600;
+                }
+                .field_field_date{
+                    color: red;
+                }
+                .field_title{
+                    h2{
+                        margin: 0;
+                        a{
+                            font-size: 0.8rem;
+                            color: $blue_QDD;
+                        }
+                    } 
+                }
+                .field_body{
+                    p{
+                        margin: 0;
+                    }
+                }
+            }
+
+        }
+        .views-row:nth-child(odd){
+            position: relative;
+            top: 40px;
+        } 
+
+    }
+}

web/themes/custom/quartiers_de_demain/src/assets/scss/quartiers_de_demain.scss

@@ -28,6 +28,7 @@
 @import "partials/slick-theme";
 @import "partials/slick";
 @import "partials/timeline";
+@import "partials/actu-caroussel-home";
 
 // @import "partials/slick_custom";