d9-eql/web/themes/custom/eql/scss/pages/_lesprojets.scss

.path-projets{
    span{
        padding-top: 3rem;
        padding-bottom: 3rem;
        vertical-align: middle;
        h2{
            margin: 0;
            padding-top: 2rem;
            height: 4rem;
            color: $white;
            font-family: "Source Code Pro";
            text-transform: uppercase;
            background: $blue-light; 
            padding-left: 13%;
           
        }
    }
    .layout--onecol{
        .block-region-content{

            //texte de présentation
            .block-config-pages-block{
                width: 60%;
                margin: auto;
                span h2{
                    display: none;
                }
                .config_pages--type--les-projets{
                    .field--name-field-introduction{
                        p:nth-of-type(1){
                            font-size: 1.5rem;
                        }
                    }
                }
            }


            //partie projets
            .block-views-blockprojets-block-1{
                .view-projets{
                   
                    width: 80%;
                    margin: auto;
                    .view-filters{
                        margin-top: 4rem;
                        display: flex;
                        flex-direction: row;
                        &::before{
                            content: 'Filtrer par:';
                        }
                        #views-exposed-form-projets-block-1{
                            display: flex;
                            flex-direction: row;
                            #edit-field-neuf-rehabilitation-value--wrapper{
                                legend{display: none;}
                            }
                            #edit-field-encours-fini-value--wrapper{
                                legend{display: none;}
                            }
                            .js-form-type-textfield{
                                label{display: none;}
                            }
                        }


                    }

                    //grille de projets
                    .view-content{
                        margin-top: 2rem;
                        display: flex;
                        flex-direction: row;
                        .views-row{
                            width: 25%;
                            flex: 0 0 25%;
                        }

                    }
                    .node-type-projet{
                        color: $blue-dark;
                        line-height: 1.5rem;
                        padding: 0.5rem;
                        padding-right: 1rem;
                        padding-left: 1rem;
                        div:first-child{                
                            display: flex;
                            flex-direction: column;
                       
                            a{
                                color: $blue-dark;
                            } 
                            .field--name-field-photo {
                                order:1;
                                img{  
                                    width: 100%; 
                                    max-height: 175px;
                                    object-fit: cover;
                                }
                                &::after{ 
                                    display: block;
                                    content:url('data:image/svg+xml,<svg width="160" height="25" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="2.5"/></svg>');
                                }
                            }
                            .field--name-field-adresse{
                                order:2;
                                display: flex;
                                text-transform: uppercase;
                                font-size: 0.9rem;
                                font-weight: 800;
                                margin-top: 0.8rem;
                                line-height: 0.6rem;
                                .address{
                                    display: flex;
                                    flex-direction: row;
                                    margin: 0;
                                    .locality::after{
                                        content:",";
                                        margin-right: 0.3rem;
                                    }
                                }
                            }
                            .field--name-field-sous-titre{
                                margin-top: 0.5rem;
                                font-size: 0.9rem;
                                font-weight: 800;
                                order: 4;
                            }
                            .field--name-title{
                                order: 3;
                                margin-top: 0.5rem;
                                font-size: 1rem;
                                font-weight: 800;
                                h2{margin: 0;}
                            }

                            .field--name-field-incube{
                                order:4;
                                color: red;
                                margin-top: 0.8rem;
                            }
                        }
                    }
                }
            }
        }
    }
}