.path-projets{ .region-content{ #block-contenudelapageprincipale{ span{ padding-top: 3rem; padding-bottom: 3rem; vertical-align: middle; h2{ margin: 0; padding-top: 2rem; height: 4rem; color: $white; font-family: "Source Code Pro"; text-transform: uppercase; background: $blue-light; padding-left: 13%; } } .layout--onecol{ .block-region-content{ display: grid; grid-template-columns: 1fr repeat(8, 2fr) 1fr; @media (max-width: 810px){ display: flex; flex-direction: column; } /// carte .block-views-blockprojets-block-2{ grid-column: 1 / span 10; } //texte de présentation .block-config-pages-block{ grid-column: 3 / span 5; // width: 60%; margin: auto; span h2{ display: none; } .config_pages--type--les-projets{ .field--name-field-introduction{ p:nth-of-type(1){ font-size: 1.5rem; } } } @media (max-width: 810px){ padding: 2rem; } } // bouton projets incubés .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220{ grid-column: 8 / span 9; margin-top: 4rem; background-color: $blue-light; height: fit-content; width: 60%; margin-left: 2rem; grid-row: 2; .display{ display: block; } .field--name-field-lien{ display: flex; flex-direction: column; margin-top: 2rem; margin-bottom: 2rem; margin-left: 1.5rem; margin-right: 1.5rem; text-align: center; a{ font-weight: 800; color: $white; font-size: 1.3rem; } &:after{ margin-left: auto; padding-top: 1rem; display: block; content:url("../images/pictos/noun_Arrow_3771902.svg") } } @media (max-width: 810px){ margin: auto; } } //partie projets .block-views-blockprojets-block-1{ grid-column: 3 / span 8; // width: 80%; @media (max-width: 810px){ padding: 2rem; } .view-projets{ // width: 80%; margin: auto; .view-filters{ margin-top: 4rem; display: flex; flex-direction: row; &::before{ content: 'Filtrer par:'; } #views-exposed-form-projets-block-1{ display: flex; flex-direction: row; #edit-field-neuf-rehabilitation-value--wrapper{ legend{display: none;} } #edit-field-encours-fini-value--wrapper{ legend{display: none;} } .js-form-type-textfield{ label{display: none;} } } } //grille de projets .view-content{ margin-top: 2rem; display: flex; flex-direction: row; @media (max-width: 810px){ flex-direction: column; } .views-row{ width: 25%; // flex: 0 0 25%; @media (max-width: 810px){ width: 100%; } } } .node-type-projet{ color: $blue-dark; line-height: 1.5rem; padding: 0.5rem; padding-right: 1rem; padding-left: 1rem; div:first-child{ display: flex; flex-direction: column; a{ color: $blue-dark; } .field--name-field-photo { order:1; img{ width: 100%; max-height: 175px; object-fit: cover; } &::after{ display: block; content:url('data:image/svg+xml, '); } } .field--name-field-adresse{ order:2; display: flex; text-transform: uppercase; font-size: 0.9rem; font-weight: 800; margin-top: 0.8rem; line-height: 0.6rem; .address{ display: flex; flex-direction: row; margin: 0; .locality{ padding-top: 0 !important; padding-bottom: 0 !important; &::after{ content:","; margin-right: 0.3rem; } } .country{ padding-top: 0 !important; padding-bottom: 0 !important; } } } .field--name-field-sous-titre{ margin-top: 0.5rem; font-size: 0.9rem; font-weight: 800; order: 4; } .field--name-title{ order: 3; margin-top: 0.5rem; font-size: 1rem; font-weight: 800; h2{margin: 0;} } .field--name-field-incube{ order:4; color: red; margin-top: 0.8rem; } } } } } } } } } }