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

.path-actualites{
    background-color: $background-actus;
    margin: 0;
    .block-region-content{
        display: grid;
        grid-template-columns: 1fr 8fr 1fr;
        margin: auto;

        .block-views{
            grid-column: 2;
            .view-content{
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                .views-row{
                    width: 25%;
                    flex: 0 0 25%;
                }
            }
            .view-display-id-block_2{
                padding-top: 0;
            }
            .node-type-actualite{
                color: $blue-dark;
                line-height: 1.5rem;
                padding: 0.5rem;
                div:first-child{                
                    display: flex;
                    flex-direction: column;
            
                    :nth-child(1) { order: 1; } 
                    :nth-child(4) { order: 2; }  
                    :nth-child(5) { order: 3; }    
                    a{
                        color: $blue-dark;
                    } 
                    .field--name-field-images {
                        .field__item img{  
                            width: 100%; 
                            height: fit-content;  
                        }
                        &::after{ 
                            display: block;
                            content:url('data:image/svg+xml,<svg width="160" height="40" 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="5"/></svg>');
                        }
                    }
                    time{ 
                        font-weight: 800;
                        padding-right: 1rem;
                        width: fit-content;
                        &:after{ 
                            padding-left: 0.5rem;
                            content: "|";}
                    }
                    .field:not(.field--name-field-images){
                        width: 80%;
                    }
                    h2{ margin:0; }
                    .inline.links{
                        padding-top: none !important;
                        list-style: none;
                        width: fit-content;
                        align-self: flex-end;
                        padding-right: 1rem;
                        a{
                            content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
                        }
                    }
                    .field--name-field-actu-type{
                        padding-top: 2rem;
                    }
                }
            }
        }

    }
}