// home juin 2023 @import "../partials/_slick-slider.scss"; .path-frontpage{ // bandeau actus .block-views-blockactus-blocks-pages-block-1{ // grid-area: actus; width: 100vw; border-bottom: 5px solid $blue-light; // border-top: 5px solid $blue-light; background: $background-actus; .view-actus-blocks-pages{ padding-top: 5rem; .view-content{ display: flex; flex-basis: auto; // display: grid; // grid-template-columns: 1fr repeat(4, 2fr) 1fr; // margin: auto; // padding-top: 2rem; // padding-bottom: 4rem; @media (max-width: 479px){ display: flex; flex-direction: column; // padding-left: 1rem; width: 80%; } .views-row{ flex-basis: auto; } // .w3-button{ // } // .views-row:nth-of-type(1) { grid-column: 2; } .node-type-actualite{ color: $black; line-height: 1.5rem; padding: 0.5rem; div:first-child{ // block actu dans le bandeau display: flex; flex-direction: column; // :nth-child(1) { order: 1; } // :nth-child(4) { order: 2; } // :nth-child(5) { order: 3; } } .field--name-field-images { order: 1; .field__item img{ max-width: 95%; max-height: 150px; object-fit: cover; width: 100%; padding-bottom: 1rem; } } .field--name-field-date{ order: 2; display: flex; flex-direction: row; justify-content: flex-start; &:not(:last-child):after{ padding-right: 1rem; content: "|"; } time{ font-size: 0.9rem; font-weight: 800; padding-right: 1rem; width: fit-content; // :not(:last-child):after{ // padding-left: 0.5rem; // content: "|"; // } } } .field--name-title{ order:3; } .field--name-field-sous-titre{ order:4; margin-top: 0.3rem; font-weight: 800; } .field:not(.field--name-field-images){ width: 100%; } h2{ margin:0; } a{ color: $black; } .inline.links{ padding-top: none !important; list-style: none; width: fit-content; align-self: flex-end; padding-right: 1rem; a{ display: none; } } .field--name-field-actu-type{ order:5; padding-top: 1rem; } } } } } // bouton voir toutes actus du bandeau bleu .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2{ visibility: hidden; // grid-area: actus; // grid-row: 6; // grid-column: 5 / span 6; // max-width: 50%; // min-width: fit-content; // margin-bottom: 2rem; // align-self: flex-end; // @media (max-width: 479px){ // grid-column: 2 / span 4; // max-width: 80%; // margin: auto; // margin-top: 1rem; // margin-bottom: 1.5rem; // } // .field--type-link { // width: fit-content; // height: fit-content; // padding: 0.4rem 1rem; // font-size: 0.8rem; // margin: 0; // background-color: $white; // border: 2px solid $blue-light; // list-style: none; // display: inline-flex; // a{ // text-transform: uppercase; // font-weight: 700; // color: $blue-light; // display: inline-flex; // align-items: center; // } // a::after{ // content: url('data:image/svg+xml,'); // } // } } // présentation programme .block-views-blockhome-nodes-block-2{ // grid-area: programme; .view-display-id-block_2:is(.view-id-home_nodes){ padding-top: 2rem; padding-bottom: 4rem; // // background: url('data:image/svg+xml,'); // background: url('../images/pictos/carre-contour-bleu.svg'); // // background-position-y: 50%; // background-repeat: no-repeat; // max-width: 100vw; // background-size: cover; .node-type-static{ width: 80%; margin: auto; @media (max-width: 479px) { width: 80%; } div:first-child:not(.field__item):not(.field){ display: flex; flex-direction: row; flex-wrap: wrap; :nth-child(4) { order: 3; } } .inline.links{ z-index: 95; align-self: flex-end; width: fit-content; height: fit-content; padding: 0.4rem 1rem; font-size: 0.8rem; margin: 0; background-color: $white; border: 2px solid $blue-light; list-style: none; a{ text-transform: uppercase; font-weight: 700; color: $blue-light; display: inline-flex; align-items: center; &:after{ // display: block; content: url('data:image/svg+xml,'); } } } .field--name-field-images{ // grid-column: 2 / 4; .field__item{ img{ width: 15rem; height: auto; } } } .field--name-title{ display: none; } .field--name-field-accroche{ flex: 1 1 50px; // grid-column: 4 / 9; padding-left: 1rem; @media (max-width: 479px){ padding-left: 0em; } p{ background-color: $white; font-size: 1.5rem; width: 110%; padding-bottom: 2rem; margin-block-start: 0; text-align: start !important; @media (max-width: 479px){ font-size: 1.2rem; width: 100%; } } } .field--name-field-videos{ flex: 0 0 80%; padding-top: 4rem; margin: auto; @media (max-width: 479px){ flex: 0 0 100%; } .field__items { .field__item:nth-of-type(1){ display: none; } } } } } } // Zoom sur les projets .block-views-blockprojets-block-4{ border-top: 5px solid $blue-light; background: $background-actus; padding-top: 2rem; padding-bottom: 4rem; span h2{ width: 80%; margin: auto; padding-top: 1rem; padding-bottom: 5rem; text-transform: uppercase; color: $red; font-family: 'Source Code Pro'; font-weight: 1000; } .view-projets{ width: 80%; margin: auto; .view-content{ display: flex; flex-direction: row; justify-content: space-between; .views-row{ width: 49%; .node-type-projet{ color: $blue-dark; line-height: 1.5rem; // padding: 0.5rem; // padding-right: 1rem; // padding-left: 1rem; @media (max-width: 479px){ padding-left: 0rem; padding-right: 0rem; padding-top: 2rem; } div:first-child{ display: flex; flex-direction: column; a{ color: $blue-dark; } .field--name-field-photo { order:1; img{ width: 100%; object-fit: cover; height: fit-content; } // &::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: 0.9rem; font-weight: 800; h2{margin: 0;} } .field--name-field-incube{ order:4; color: $red; margin-top: 0.8rem; font-size: 0.7rem; } } } // .node-type-projet{ // .field--type-image img{ // object-fit: cover; // width: 100%; // } // } } } } } }