d9-eql/web/themes/custom/eql/scss/partials/_block_third_ressources_liees.scss

//// pages ressources et actualités
.block-entity-fieldnodefield-ress{
    margin-top: 3rem; 
    .field--name-field-ress{
        .field__label{
            font-size: 0.8rem;
            color: $black;
            font-weight: 900;
            margin-bottom: 1rem;
        }

        .node-type-ressource{
            border: 2px solid $blue-light;
            padding: 1rem;         
            height: fit-content;
            margin-bottom: 1rem;
            background-color: $white;
            display: flex;
            flex-direction: column;
          
            div{
                display: flex;
                flex-direction: column;
                .field--name-field-type-de-ressource{
                    order: 2;
                    text-transform: uppercase;
                    color: $blue-light;
                    font-weight: 900;
                    font-size: 0.8rem;
                }
                .field--name-title{
                    order: 3;
                    h2{
                        margin: 0;
                        a{
                            color: $black;
                            font-size: 1rem;
                            font-weight: 900;
                            font-style: italic;
                        }
                    }
                }
                .field--name-field-sous-titre{
                    order:4;
                }
                .field--name-field-auteur-s-{
                    order: 5;
                    font-weight: 800;
                    p{
                        margin: 0;
                    }
                    .field__label{
                        display:none;
                    }
                }
                .field--name-field-edition{
                    p{
                        margin: 0;
                    }
                    .field__label{
                        display:none;
                    }
                }
                .field--name-field-images{
                    // display: none;
                    order: 1;
                    width: 25%;

                    img{
                        width: 100%;
                        height: auto;
                    }
                }
                .field--name-field-date-de-parution{
                    order: 6;
                    .field__label{
                        display: none;
                    }
                }
                .field--name-field-mots-clefs{
                    order: 7;
                    display: flex;
                    margin-top: 0.8rem;
                    flex-direction: row;
                    flex-wrap: wrap;
                    .field__label{
                        display: none;
                    }
                    .field__items{
                        display: flex;
                        flex-direction: row;
                        flex-wrap: wrap;
                    }
                    .field__item{
                        padding-bottom: 0.5rem;
                        margin-right: 0.5rem;
                        padding-right: 0.3rem;
                        font-size: 0.8rem;
                    
                        a{
                            background: $blue-dark;
                            color: $white;
                            font-weight: 800;
                            vertical-align: super;
                            padding-left: 0.1rem;
                            padding-right: 0.1rem;
                            display: inline-flex;
                            pointer-events: none;
                        }
                    }
                }
                ul.links.inline{
                    display: none;
                }

            }
        }
    }       


}

/////// pages projets
.block-entity-fieldnodefield-ressource-s-liee-s-{
    margin-top: 3rem;        
    @media(max-width:479px){
        margin-top: 2rem;
    }
    h2{
        font-size: 0.8rem;
        color: $black;
        font-weight: 900;
    }

    .node-type-ressource{
        display: flex;
        flex-direction: column;
        border: 2px solid $blue-light;
        padding: 1rem;

        height: fit-content;
        margin-bottom: 1rem;
        background-color: $white;
        // &:first-of-type{
        //     border-top: 1px solid $blue-light;
        //     padding-top: 1rem;
        //     &::after{
        //         content: url("../images/pictos/noun_Arrow_3771902.svg");
        //         align-self: flex-end;
        //     }
        // }
        div{
            display: flex;
            flex-direction: column;
            .field--name-title{
                order: 3;
                h2{
                    margin: 0;
                    a{
                        color: $black;
                        font-size: 1rem;
                        font-weight: 900;
                        font-style: italic;
                    }
                }
            }
            .field--name-field-sous-titre{
                display: none;
            }
            .field--name-field-type-de-ressource{
                order: 2;
                text-transform: uppercase;
                color: $blue-light;
                font-weight: 900;
                font-size: 0.8rem;
            }
            .field--name-field-auteur-s-{
                order: 5;
                font-weight: 800;
                p{
                    margin: 0;
                }
                .field__label{
                    display:none;
                }
            }
            .field--name-field-edition{
                p{
                    margin: 0;
                }
                .field__label{
                    display:none;
                }
            }
            .field--name-field-images{
                // display: none;
                order: 1;
                width: 25%;

                img{
                    width: 100%;
                    height: auto;
                }
            }
            .field--name-field-date-de-parution{
                order: 6;
                .field__label{
                    display: none;
                }
            }
            .field--name-field-mots-clefs{
                order: 7;
                display: flex;
                margin-top: 0.8rem;
                flex-direction: row;
                flex-wrap: wrap;
                .field__label{
                    display: none;
                }
                .field__items{
                    display: flex;
                    flex-direction: row;
                }
                .field__item{
                    
                    margin-right: 0.5rem;
                    padding-right: 0.3rem;
                    font-size: 0.8rem;

                
                    a{
                        background: $blue-dark;
                        color: $white;
                        font-weight: 800;
                        vertical-align: super;
                        padding-left: 0.1rem;
                        padding-right: 0.1rem;
                        display: inline-flex;
                    }
                }
            }
            ul.links.inline{
                display: none;
            }
        }    
    }
}