.page-node-site{ .block-region-first{ .block-entity-fieldnodefield-fichiers{ width: 80%; margin: auto; } } .region-content{ width: 80%; margin: auto; display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: 0.5fr 0.5fr repeat(5, 2fr); #block-reha-prevnextblock{ display: flex; flex-direction: row; grid-column: 4 /span 6; grid-row: 2; z-index: 97; height: fit-content; // align-self: end; justify-content: space-evenly; .next-site{ ::after{ content: url('../../dist/images/noun-arrow-1569918-black.svg'); padding-left: 0.5rem; padding-top: 0.1rem; } } .prev-site{ ::before{ content: url('../../dist/images/noun-arrow-1569918-black.svg'); display: inline-block; transform: rotate(180deg); padding-left: 0.5rem; } } } #block-reha-titredepage{ display: none; } #block-reha-contenudelapageprincipale{ grid-column: 1 /span 8; grid-row: 1 /span 10; .node-type-site{ margin: auto; display: flex; flex-direction: column; .image-site{ order: 2; top: -115px; position: relative; .field--name-field-image{ width: 100%; margin: auto; .field__item{ display: flex; flex-direction: row; img{ width: 100%; object-fit: cover; height: auto; padding-left: 13%; } blockquote{ align-self: flex-end; font-style: italic; margin: 0; width: 20%; p{ margin: 0; padding-left: 1rem; } } } } } .infos-content-site{ z-index: 99; background-color: $white-button; width: 25vw; order: 1; display: flex; flex-direction: column; padding-left: 1rem; padding-right: 1rem; padding-bottom: 4rem; padding-top: 1rem; h1{ order: 3; margin: 0; font-size: 1.8rem; font-weight: 900; } h2{ order: 3; margin: 0; font-size: 1.3rem; font-weight: 900; } .first-row{ order: 1; display:flex; flex-direction: row; align-items: end; padding-bottom: 0.5rem; .field--name-field-numero-site { order: 1; text-transform: uppercase; font-size: 1rem; display: inline-flex; &::after{ content: '|'; padding-left: 1rem; padding-right: 1rem; } } .field--name-field-adresse-site{ order: 3; font-size: 1.2rem; .field__item{ display: flex; } .address{ margin: 0; display: inline-flex; .postal-code{ order: 2; } .locality{ order: 1; text-transform: capitalize; margin-right: 0.5rem; } .country{ display: none; } } } } .field--name-field-date-de-construction{ order: 5; font-size: 1.2rem; } .field--name-field-architecte{ order: 4; padding-top: 0.5rem; font-size: 1.2rem; .field__items{ display: flex; flex-direction: row; flex-wrap: wrap; .field__item{ display: inline; &::after{ content:','; padding-right: 0.5rem; } } } .field__item:last-of-type::after { content: ''; } } ul.links{ order: 5; text-transform: uppercase; padding: 0; margin: 0; border: none; padding-bottom: 2rem; padding-top: 0.9rem; display: inline-flex; &::after{ content:url("../../dist/images/noun-arrow-1569918-black.svg"); padding-left: 0.5rem; } } } .body-content-site{ order: 3; top: -60px; position: relative; width: 50%; margin: auto; font-size: 1.3rem; } } } } }