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

.block-views-blockactus-block-1{
    background-color: white;
    padding-bottom: 3rem;
    @media(max-width: 890px){
        padding-bottom: 0rem;
    }
    h2{
        width: 80%;
        font-size: 2rem;
        font-weight: 900;
        margin-left: 10%;
        padding-top: 1rem;
        text-align: center;
        margin-bottom: 4rem;
        @media(max-width: 890px){
            padding-top: 2rem;
            font-size: 1.5rem;
            margin-bottom: 1rem;
        }
    }
    .view-id-actus{
        width: 100%;
        margin: auto;
        padding: 2rem;
        // .slick-slide{
        //     width: 30% !important;
        // }
        .slick-track{
            padding-left: 7rem;
            @media(max-width: 890px){
                padding-left: 1rem !important;
            }
        }
        .views-row{
            // 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: 6%;
            //     }
            // }
            .node-type-actualite{
                width: 90%;
                height: 100%;
                margin: auto;
                > .entete_actu{
                    display: flex;
                    flex-direction: column;
                    p.field__item{
                        display: none;
                    }
                    .image-actualite{
                        width: 75%;
                        height: 250px;
                        right: 10%;
                        position: relative;
                        @media (max-width: 1200px) {
                            max-height: 150px;
                        }
                        .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{
                        height: fit-content;
                        width: 100%;
                        @media(max-width: 890px){
                            width: 90%;
                        }
                        h1{
                            display: none;
                        }
                        h2{
                            width: 100% !important;
                            margin-left: 0;
                            padding-top: 0.5rem;
                            font-weight: 600;
                            font-size: 1.3rem;
                            text-align: left !important;
                            margin-bottom: 0.5rem;
                        }
                        .field--name-field-sous-titre{
                            padding-top: 0 rem;
                            font-size: 1.2rem;
                        }
                        .field--name-field-date{
                            padding-top: 0.5rem;
                        }
                    }
                    .body-content{
                        display: none;
                    }
                }

            }
        }
        .slick-dots{
            position: relative;
            bottom: 0;
        }
        .slick-prev{
            left:35px;
        }
        .slick-next{
            left: 90vw;
        }
        @media (max-width: 1400px) {
            .slick-prev{
                left:0vw;
            }
            .slick-next{
                left: 85vw;
            }
        }
    }
}