slide actus

web/themes/custom/reha/scss/pages/home/home-view-actualites.scss

@@ -1,43 +1,57 @@
 .block-views-blockactus-block-1{
-    display:none;
+    // display:none;
     background-color: white;
     padding-bottom: 3rem;
-    padding-left: 12%;
+    // padding-left: 12%;
     h2{
         width: 80%;
-        margin: auto;
+        // margin: auto;
         padding-top: 2rem;
         padding-bottom: 2rem;
+        padding-left: 12%;
+        font-size: 2rem;
+        font-weight: 900;
     }
     .view-id-actus{
         width: 100%;
         margin: auto;
-    //     display: flex;
-    //    justify-content: space-between;
-
         .views-row{
-            width: 20vw !important;
-            padding-right: 5rem;
+            width: 30vw !important;
+            margin-left: 1rem;
+            &:first-of-type{
+                padding-left: 15%;
+            }
             .node-type-actualite{
-                width: 100%;
+                width: 84%;
                 display: flex;
                 flex-direction: column;
+                height: 100%;
                 p.field__item{
                     display: none;
                 }
                 .image-actualite{
-                    width: 90%;
-                    margin: auto;
-                    img{
-                        width: 100%;
-                        height: auto;
-
-                    }
-                   
+                    width: 80%;
+                    height: 250px;
+                    margin-left: 1rem;
+                    .field--name-field-image{
+                        height: 100%;
+                        .field__items{
+                            height: 100%;
+                            .field__item{
+                                width: 100%;
+                                height: 100%;
+                                img{
+                                    width: 100%;
+                                    height: auto;
+                                    object-fit: cover;
+                                    height: 100%;
+                                }
+                            }
+                        }
+                    }                
                 }
                 .infos-content{
                     position: relative;
-                    top: -10px;
                     display: flex;
                     flex-direction: column;
                     border: solid $yellow-puca 1px;
@@ -48,11 +62,11 @@
                         margin: 0;
                         font-size: 1.5rem;
                         font-weight: 600;
+                        padding: 0;;
                     }
                     .field--name-field-sous-titre {
                         order: 3;
                         font-size: 1.3rem;
-                        // line-height: 0.3rem;
                     }
                     .field--name-field-date{
                         order: 4;
@@ -74,27 +88,28 @@
                         padding: 0.2rem 0.9rem;
                         .field__item{
                             display: inline;
-                        }         
-                        a{
                             color: white;
                             font-weight: 900;
                             font-size: 0.8rem;
                             vertical-align: top;
-                        }
+                        }         
                     }
                     ul.links{
                         order: 6;
                         display: none;
                     }
-                
                 }
                 .body-content{
                     display: none;
                 }
-                
             }
-           
         }
-        
+        .slick-dots{
+            position: relative;
+            bottom: 0;
+        }
+        .slick-prev{
+            left:35px;
+        }
     }
 }

web/themes/custom/reha/scss/pages/home/home-view-presentation.scss

@@ -28,6 +28,7 @@
             z-index: 99;
             position: relative;
             margin-top: 2rem;
+            margin-bottom: 4rem;
             .field--type-link{
                 .field__item::after{    
                         content: url('../dist/images/noun-arrow-1569918-black.svg');

web/themes/custom/reha/scss/pages/home/home-view-sites.scss

@@ -185,6 +185,7 @@
         z-index: 99;
         // position: relative;
         // top: -10px;
-        margin-top: 2rem;
+        margin-top: 1rem;
+        margin-bottom: 4rem;
     }
 }