.page-node-type-ressource{ // #block-contenudelapageprincipale{ .layout__region--top{ .block-region-top{ margin-top: 2rem; margin-left: 13%; .block-entity-fieldnodefield-type-de-ressource{ color: $blue-light; text-transform: uppercase; font-weight: 800; } .block-entity-fieldnodetitle{ font-size: 2rem; font-weight: 600; } .block-entity-fieldnodefield-edition{ .field--name-field-edition{ p{ margin-bottom: 0; } } } .block-entity-fieldnodefield-auteur-s-{ .field--name-field-auteur-s-{ font-size: 1.5rem; font-weight: 800; p{ margin: 0; } } } .block-entity-fieldnodefield-mots-clefs{ .field--name-field-mots-clefs{ display: inline-flex; margin-top: 2rem; // &::after{ // content: url("../images/pictos/noun_Arrow_3771902.svg"); // align-self: end; // } .field__item{ background: $blue-dark; margin-right: 1rem; padding-left: 0.3rem; padding-right: 0.3rem; color: $white; font-weight: 800; vertical-align: middle; } } } } } .layout__region--first{ // menu ancres a gauche margin-top: 3rem; position: relative; .block-region-first{ display: flex; justify-content: flex-end; position: sticky; top: 7rem; .block-entity-fieldnodefield-textes{ display: flex; width: 50%; background-color: $white; padding-right: 2rem; .field--name-field-titre{ display: flex; font-size: 1rem; font-weight: 1000; color: $blue-dark; border-bottom: 1px solid $blue-light; padding-bottom: 0.5rem; padding-right: 1rem; &:hover{ text-decoration: underline; } } } } } .layout__region--second{ // paragraphe texte margin-top: 3rem; .block-entity-fieldnodefield-textes{ background-color: $white; .field--name-field-titre{ font-size: 1.5rem; font-weight: 1000; font-family: 'Source Code Pro'; color: $blue-dark; text-transform: uppercase; } h4{ text-transform: none !important; img{ width: 100%; height: auto; } } .field--type-text-long{ padding-right: 2rem; } p{ margin-top: 0; } } } .layout__region--third{ // colone de droite fichiers et ressources liƩes margin-top: 3rem; .block-region-third{ display: flex; flex-direction: column; width: 70%; .block-entity-fieldnodefield-fichiers{ height: fit-content; border: 2px solid $blue-light; background-color: $white; } .field--name-field-fichiers{ min-height: 4rem; background: $white; color: $blue-light; padding-left: 1rem; padding-top: 1rem; margin-bottom: 1rem; span:nth-of-type(2){ display: none; } .file--mime-application-pdf{ height: inherit; margin: auto; ::before{ content: url("../images/pictos/noun_Download_file_307900.svg"); min-width:50px; height: auto; padding-right: 1rem; } a{ hyphens: auto; display: inline-flex; align-items: center; color: $blue-light; font-weight: 800; // max-width: 80px ; } } } .block-entity-fieldnodefield-liens{ .field--name-field-liens{ .field__item{ margin: auto; height: fit-content; border: 2px solid $blue-light; min-height: 4rem; background: $white; color: $blue-light; padding-left: 1rem; padding-top: 1rem; margin-bottom: 1rem; } a{ display: inline-flex; align-items: center; color: $blue-light; font-weight: 800; &::before{ content: url("../images/pictos/noun_External Link_674151.svg"); min-width: 50px; height: auto; padding-right: 1rem; } svg.ext{ display: none; } } } } .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{ 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; } } .field--name-title{ h2{ margin: 0; } a{ color: $black; font-size: 1.4rem; font-weight: 600; } } .field--name-field-auteur-s-{ 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; width: 50%; img{ width: 100%; height: auto; } } .field--name-field-type-de-ressource{ text-transform: uppercase; a{ color: $blue-light; font-weight: 900; font-size: 0.8rem; } } .field--name-field-mots-clefs{ display: flex; margin-top: 2rem; flex-direction: row; flex-wrap: wrap; // &::after{ // content: url("../images/pictos/noun_Arrow_3771902.svg"); // align-self: center; // } .field__item{ margin-right: 1rem; padding-left: 0.3rem; padding-right: 0.3rem; 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; } } } } } } // } }