css ressources-actu

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

@@ -1,30 +1,29 @@
 .block-views-blockactus-block-1{
-    // display:none;
     background-color: white;
     padding-bottom: 3rem;
-    // padding-left: 12%;
     h2{
         width: 80%;
-        // margin: auto;
-        padding-top: 2rem;
-        padding-bottom: 2rem;
-        padding-left: 12%;
         font-size: 2rem;
         font-weight: 900;
+        margin-left: 10%;
     }
     .view-id-actus{
         width: 100%;
         margin: auto;
         .views-row{
-            width: 35vw !important;
+            width: 30vw !important;
             margin-left: 1rem;
+            @media (max-width: 1200px) {
+                width: 50vw !important;
+            }
             &:first-of-type{
                 padding-left: 15%;
+                @media (max-width: 1200px) {
+                    padding-left: 16%;
+                }
             }
             .node-type-actualite{
                 width: 100%;
-                // display: flex;
-                // flex-direction: column;
                 height: 100%;
                 > .entete_actu{
                     display: flex;
@@ -37,7 +36,9 @@
                         height: 250px;
                         right: 10%;
                         position: relative;
-                        // margin-left: 1rem;
+                        @media (max-width: 1200px) {
+                            max-height: 150px;
+                        }
                         .field--name-field-image{
                             height: 100%;
                             .field__items{
@@ -56,56 +57,8 @@
                         }                
                     }
                     .infos-content{
-                        position: relative;
-                        display: flex;
-                        flex-direction: column;
-                        border: solid $yellow-puca 1px;
-                        background-color: $white-button;
-                        padding: 1rem;
+                        height: fit-content;
                         width: 100%;
-                        right: 0%;
-                        height: auto;
-                        h2{
-                            order: 2;
-                            margin: 0;
-                            font-size: 1.5rem;
-                            font-weight: 600;
-                            padding: 0;;
-                        }
-                        .field--name-field-sous-titre {
-                            order: 3;
-                            font-size: 1.3rem;
-                        }
-                        .field--name-field-date{
-                            order: 4;
-                            font-weight: 900;
-                            padding-bottom: 1rem;
-                        }
-                    
-                        .field--name-field-type-d-actualite{
-                            order: 1;
-                            text-transform: uppercase;
-                            font-size: 1.2rem;
-                        }
-                        .field--name-field-site{
-                            order: 5;
-                            background-color: $gris-violet;
-                            color: white;
-                            border-radius: 50px;
-                            width: fit-content;
-                            padding: 0.2rem 0.9rem;
-                            .field__item{
-                                display: inline;
-                                color: white;
-                                font-weight: 900;
-                                font-size: 0.8rem;
-                                vertical-align: top;
-                            }         
-                        }
-                        ul.links{
-                            order: 6;
-                            display: none;
-                        }
                     }
                     .body-content{
                         display: none;
@@ -121,5 +74,16 @@
         .slick-prev{
             left:35px;
         }
+        .slick-next{
+            left: 90vw;
+        }
+        @media (max-width: 1400px) {
+            .slick-prev{
+                left:0vw;
+            }
+            .slick-next{
+                left: 85vw;
+            }
+        }
     }
 }