.path-projets-complets { .layout-container header{ top: inherit !important; left: inherit !important; } .layout-content{ // width: 90vw; // margin: auto; } // ========================= // ÉCRAN // ========================= span { display: none; } .print-header{ display: none; } ///// bouton print ////// .view-header{ display: flex; flex-direction: row; // position: fixed; // right: 0; &::before{ content: '2. '; margin-right: 1rem; // margin-bottom: 1rem; // margin-left: 0.5rem; font-weight: 600; font-size: 1.5rem; // width: 160px; min-width: fit-content; @media (max-width: 479px){ padding-bottom: 1rem; } } margin-left: 3rem; order: 2; margin-top: 5rem; p{ font-weight: 600; text-transform: uppercase; padding: 0.3rem 0.7rem; width: fit-content; background-color: $blue-light; border: none; margin: 0;} a{color: white;} } .view-projets{ margin-bottom: 4rem !important; display: flex; flex-direction: column; @media screen { margin-top: 5rem !important; width: 80%; } ///// filtres /////////// .buttons-filtres-ressources{display: none;} margin: auto; .view-filters{ order: 1; margin-top: 4rem; margin-left: 3rem; padding-left: 0.5rem; display: flex; flex-direction: column; @media (max-width: 479px){ flex-direction: column; padding-bottom: 3rem; margin-top: 0rem; } &::before{ content: '1. Sélectionner les projets à imprimer :'; margin-right: 2rem; margin-bottom: 1rem; // margin-left: 0.5rem; font-weight: 600; font-size: 1.5rem; // width: 160px; min-width: fit-content; @media (max-width: 479px){ padding-bottom: 1rem; } } } .view-content{ order: 3; } .field--name-title { order: 2; font-family: "Marianne"; font-size: 2rem; font-weight: 800; color: $blue-light; @media (max-width: 1624px) { font-size: 2.3rem; } @media (max-width: 1384px) { font-size: 2rem; } @media (max-width: 1216px) { font-size: 2rem; } @media (max-width: 810px) { font-size: 1.7rem; } a { color: $blue-light; } } .field--name-field-equipe { order: 3; color: $blue-dark; font-size: 1.5rem; font-weight: 900; text-transform: uppercase; @media (max-width: 1624px) { font-size: 1.3rem; } @media (max-width: 1216px) { font-size: 1.1rem; } @media (max-width: 810px) { font-size: 1rem; } .field__label { display: none; } } .field--name-field-region { .field__label{ display: none; } display: flex; align-items: center; gap: 0.5rem; margin-top: 1rem; &::before { content: ""; display: block; width: 20px; height: 20px; background: url("../images/pictos/picto_lieu.svg") no-repeat center; background-size: contain; } } .field--name-field-incube { order: 4; display: inline-flex; width: fit-content; background-color: $red; color: white; font-weight: 800; padding-right: 0.3rem; padding-left: 0.2rem; margin-bottom: 1rem; margin-top: 1rem; // flex-direction: row; &::before { content: ' Projet '; padding-right: 0.5rem; } .field__label{ display: inline; } .field__item { display: none; } } .field--name-field-neuf-rehabilitation, .field--name-field-encours-fini { display: none; } // ///// /////////// @media screen { .node-type-projet { visibility: hidden; } } } }