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

// .node-type-static {
//     display: grid;
//     grid-template-columns: 2fr 2fr 2fr 2fr 2fr;
// }


.field--type-entity-reference-revisions{
        .paragraph-summary{
            font-family: $font-family-default;
            font-size: 5rem;
            font-weight: 600;
            color: $black !important;
            text-transform: capitalize;
        
            span:nth-of-type(2n){
                    display: block;
                    font-size: 1rem;
                }
            }        
       .paragraph-summary:nth-of-type(2n) {
        font-size: 2rem;
       }
        
}



.block-views-blockactus-blocks-pages-block-1{
    background-color: $blue-dark;
    padding: 1rem;


    .view-content{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        .node-type-actualite{
            div:first-child{
                color: $white;
                .field--name-field-images {
                    .field__item img{  
                        width: 200px; 
                        height: fit-content;  
                        // &::after{ 
                        //     content:"line";
                        // }
                    }
                }
            }
            h2{ margin:0; }
            a{ color: $white; }            
        }
    }
}



.node-type-actualite div:first-child{
    display: flex;
    flex-direction: column;
    :nth-child(1) { order: 1; } 
    :nth-child(4) { order: 2; }  
    :nth-child(5) { order: 3; }            
}


.field--type-link {
    display: block;
    width: fit-content;
    padding: 1rem;
    font-size: 1.5rem;
    
    background-color: $white;
    border: 2px solid $blue-light;  
    a{
        font-size: 1rem;
        text-transform: uppercase;
        font-weight: 700;
        color: $blue-light;
    } 
    a::after{
        // font-family: "Font Awesome";
        display: inline-block;
        content: url("../../images/pictos/polygon2.svg");
        // width: 6rem;
        // height: 4rem;
        background: green;

    }
}


.node-type-static{
    padding: 1rem;

    .inline.links{
        display: block;
        width: fit-content;
        padding: 1rem;
        font-size: 1rem;
        
        // background-color: $white;
        border: 2px solid $blue-light;  
        list-style: none;
        a{
            text-transform: uppercase;
            font-weight: 700;
            color: $blue-light;
            // &::after{
            //     content: url('../../images/pictos/noun_Arrow_3771902.svg');   
            // }
        }
    }
}