.path-projets{ .layout--onecol{ .block-region-content{ //texte de présentation .block-config-pages-block{ 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; } } } } //partie projets .block-views-blockprojets-block-1{ .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; .views-row{ width: 25%; flex: 0 0 25%; } } .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::after{ content:","; margin-right: 0.3rem; } } } .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; } } } } } } } }