twig actus

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

@@ -1,5 +1,5 @@
-// #page-actualite{
-    .node-id-11{
+#page-node{
+    // .node-id-11{
         .content_container{
             width: 60%;
             display: flex;

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

@@ -4,7 +4,7 @@
     align-items: center;
     h2{
         width: fit-content;
-        padding-bottom: 1rem;
+        padding-bottom: 0.6rem;
         margin-top: 3rem;
         margin-bottom: 3rem;
         font-size: 1.7rem;
@@ -28,7 +28,6 @@
                 display: flex;
                 flex-direction: column;
                 .field_field_images{
-                    order: 1;
                     -moz-border-radius: 9px; /* pour Mozilla */
                     -khtml-border-radius: 9px; /* pour Safari et Chrome */
                     -webkit-border-radius: 9px; /* pour Safari sur Mac */
@@ -52,37 +51,34 @@
                         }
                     }
                 }
-                .infos-actu{
-                    order: 2;
-                    .field_field_type_d_actualite{
-                  
-                        text-transform: uppercase;
-                        color: red;
-                        font-size: 0.6rem;
-                        font-weight: 600;
-                        display: inline-flex;
-                        align-items: center;
-                        &::before{
-                            content: url('../img/type-actu.svg');
-                            padding-right: 0.4rem;
-                        }
-                    }
-                    .field_field_date{
-                     
-                        color: red;
-                        display: inline-flex;
-                        align-items: center;
-                        &::before{
-                            content: url('../img/date-actu.svg');
-                            padding-right: 0.4rem;
-                        }
+
+                .field_field_type_d_actualite{
+                    text-transform: uppercase;
+                    color: red;
+                    font-size: 0.6rem;
+                    font-weight: 600;
+                    display: inline-flex;
+                    align-items: center;
+                    &::before{
+                        content: url('../img/type-actu.svg');
+                        padding-right: 0.2rem;
                     }
                 }
+                .field_field_date{
+                    color: red;
+                    display: inline-flex;
+                    align-items: center;
+                    &::before{
+                        content: url('../img/date-actu.svg');
+                        padding-right: 0.2rem;
+                    }
+                }
+            
 
                 .field_title{
-                    order: 4;
                     h2{
                         margin: 0;
+                        line-height: 0.4;
                         a{
                             font-size: 0.8rem;
                             color: $blue_QDD;
@@ -90,7 +86,7 @@
                     } 
                 }
                 .field_body{
-                    order: 5;
+                  
                     p{
                         margin: 0;
                     }
@@ -100,7 +96,7 @@
         }
         .views-row:nth-child(odd){
             position: relative;
-            top: 40px;
+            top: 60px;
         } 
 
     }

web/themes/custom/quartiers_de_demain/src/assets/scss/partials/slick-theme.scss

@@ -68,7 +68,7 @@ $slick-opacity-not-active: 0.25 !default;
 .slick-next {
     position: absolute;
     display: block;
-    z-index: 99;
+    z-index: 98;
     height: 20px;
     width: 20px;
     line-height: 0px;