From 6f179ad5bc4432d409486208b9ed34b958122d87 Mon Sep 17 00:00:00 2001 From: ouidade Date: Mon, 7 Mar 2022 16:20:01 +0100 Subject: [PATCH] path-incubateur --- web/themes/custom/eql/css-compiled/styles.css | 212 +++++++ .../custom/eql/scss/pages/_incubateur.scss | 554 +++++++++++------- 2 files changed, 562 insertions(+), 204 deletions(-) diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 7776220..6703abe 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -3277,6 +3277,218 @@ a { display: flex; flex-direction: column; } +.path-incubateur { + background: url("../images/pictos/carre-contour-bleu_programme.svg"); + background-repeat: no-repeat; + background-position-y: 7rem; + max-width: 100vw; + background-size: contain; } + .path-incubateur .layout-container { + overflow: unset; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale span { + width: fit-content; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale span h2 { + width: fit-content; + margin-left: 11%; + margin-top: 15vh; + color: white; + font-family: "Source Code Pro"; + text-transform: uppercase; + font-size: 2rem; + font-weight: 800; + background: #009ee3; + margin-bottom: 15vh; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--first { + position: relative; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-config-pages-block { + display: flex; + justify-content: flex-end; + position: -webkit-sticky; + position: sticky; + top: 10rem; } + @media (max-width: 810px) { + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-config-pages-block { + display: none; } } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-config-pages-block .config_pages--type--incubateur-du-programme { + display: flex; + flex-direction: row-reverse; + width: 50%; + background-color: white; + padding-right: 2rem; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-titre { + display: flex; + flex-direction: column; + font-size: 1rem; + font-weight: 1000; + color: #09398b; + border-bottom: 1px solid #009ee3; + padding-bottom: 0.8rem; + padding-right: 1rem; + margin-top: 1rem; + scroll-margin-top: 7em; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-titre:hover { + text-decoration: underline; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-textes .field__item .paragraph--type--texte { + padding-right: 2rem; + margin-top: 1rem; + background-color: white; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-textes .field__item .paragraph--type--texte .field--name-field-titre { + font-size: 1.5rem; + font-weight: 1000; + font-family: 'Source Code Pro', monospace; + color: #09398b; + text-transform: uppercase; + margin-bottom: 0.8rem; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-textes .field__item .paragraph--type--texte .field--name-field-texte { + margin-bottom: 2rem; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme { + margin-top: 1rem; + display: flex; + flex-direction: column; + width: 70%; } + @media (max-width: 810px) { + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme { + margin: auto; } } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-documents { + height: fit-content; + border: 2px solid #009ee3; + background-color: white; + margin-bottom: 1rem; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-documents .field__item { + min-height: 4rem; + background: white; + color: #009ee3; + padding-left: 0.8rem; + padding-top: 1rem; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-documents .field__item span:nth-of-type(2) { + display: none; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-documents .field__item .file--mime-application-pdf { + height: inherit; + margin: auto; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-documents .field__item .file--mime-application-pdf ::before { + content: url("../images/pictos/noun_Download_file_307900.svg"); + min-width: 40px; + height: auto; + padding-right: 0.5rem; + display: inline-flex; + align-items: center; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-documents .field__item .file--mime-application-pdf a { + hyphens: auto; + display: inline-flex; + align-items: center; + color: #009ee3; + font-weight: 800; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-liens .field__item { + margin: auto; + height: fit-content; + border: 2px solid #009ee3; + min-height: 4rem; + background: white; + color: #009ee3; + padding-left: 0.8rem; + padding-top: 1rem; + margin-bottom: 1rem; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-liens a { + display: inline-flex; + align-items: center; + justify-items: center; + color: #009ee3; + font-weight: 800; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-liens a::before { + content: url("../images/pictos/noun_External Link_674151.svg"); + min-width: 40px; + height: auto; + padding-right: 0.5rem; + display: inline-flex; + align-items: center; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-liens a svg.ext { + display: none; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 { + padding-top: 1rem; + background-color: white; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets { + width: 80%; + margin: auto; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-filters { + margin-top: 4rem; + display: flex; + flex-direction: row; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-filters::before { + content: 'Filtrer par:'; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-filters #views-exposed-form-projets-block-3 { + display: flex; + flex-direction: row; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-filters #views-exposed-form-projets-block-3 #edit-field-neuf-rehabilitation-value--wrapper legend { + display: none; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-filters #views-exposed-form-projets-block-3 #edit-field-encours-fini-value--wrapper legend { + display: none; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-filters #views-exposed-form-projets-block-3 .js-form-type-textfield label { + display: none; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-content { + margin-top: 2rem; + display: flex; + flex-direction: row; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-content .views-row { + width: 25%; + flex: 0 0 25%; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet { + color: #09398b; + line-height: 1.5rem; + padding: 0.5rem; + padding-right: 1rem; + padding-left: 1rem; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child { + display: flex; + flex-direction: column; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child a { + color: #09398b; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-field-photo { + order: 1; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-field-photo img { + width: 100%; + max-height: 175px; + object-fit: cover; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-field-photo::after { + display: block; + content: url('data:image/svg+xml, '); } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .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; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address { + display: flex; + flex-direction: row; + margin: 0; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .locality { + padding-top: 0 !important; + padding-bottom: 0 !important; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .locality::after { + content: ","; + margin-right: 0.3rem; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .country { + padding-top: 0 !important; + padding-bottom: 0 !important; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-field-sous-titre { + margin-top: 0.5rem; + font-size: 0.9rem; + font-weight: 800; + order: 4; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-title { + order: 3; + margin-top: 0.5rem; + font-size: 1rem; + font-weight: 800; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-title h2 { + margin: 0; } + .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-field-incube { + order: 4; + color: red; + margin-top: 0.8rem; } + /*partials*/ .layout-container { position: relative; } diff --git a/web/themes/custom/eql/scss/pages/_incubateur.scss b/web/themes/custom/eql/scss/pages/_incubateur.scss index 9df9022..0a5af77 100644 --- a/web/themes/custom/eql/scss/pages/_incubateur.scss +++ b/web/themes/custom/eql/scss/pages/_incubateur.scss @@ -1,45 +1,70 @@ .path-incubateur{ + background: url('../images/pictos/carre-contour-bleu_programme.svg'); + background-repeat: no-repeat; + background-position-y: 7rem; + max-width: 100vw; + background-size: contain; - .layout-container{ - overflow: unset; - // display: flex; - // flex-direction: column; - // flex-flow: row wrap; - // header{ - // flex: 0 0 100%; - // } - // main{ - // flex: 0 0 100%; - .layout-content{ - - .region-content{ - .block-contenudelapageprincipale{ - span{ - h2{ - - } + .layout-container{ + overflow: unset; + // display: flex; + // flex-direction: column; + // flex-flow: row wrap; + // header{ + // flex: 0 0 100%; + // } + // main{ + // flex: 0 0 100%; + .layout-content{ + + .region-content{ + #block-contenudelapageprincipale{ + span{ + width: fit-content; + // margin-left: 11%; + // margin-top: 15vh; + // @media (max-width: 810px){ + // margin-left: 8%; + // margin-right: 5%; + // } + h2{ + width: fit-content; + margin-left: 11%; + margin-top: 15vh; + color: $white; + font-family: "Source Code Pro"; + text-transform: uppercase; + font-size: 2rem; + font-weight: 800; + background: $blue-light; + margin-bottom: 15vh; + } - .layout--threecol-25-50-25{ - // menu ancres a gauche - .layout__region--first{ // menu ancres a gauche - position: relative; - .block-region-first{ + } + .layout--threecol-25-50-25{ + // menu ancres a gauche + .layout__region--first{ // menu ancres a gauche + position: relative; + .block-region-first{ + .block-config-pages-block{ display: flex; justify-content: flex-end; position: -webkit-sticky; position: sticky; top: 10rem; - @media (max-width: 810px){ + @media (max-width: 810px){ display: none; - } - .block-entity-fieldnodefield-textes{ + } + .config_pages--type--incubateur-du-programme { display: flex; + flex-direction: row-reverse; width: 50%; background-color: $white; padding-right: 2rem; .field--name-field-titre{ display: flex; + flex-direction: column; font-size: 1rem; font-weight: 1000; color: $blue-dark; @@ -53,101 +78,105 @@ text-decoration: underline; } } - } - + } } + + } - - // paragraphe texte - .layout__region--second{ - @media (max-width: 810px){ - flex: 0 1 80%; - margin: auto; - } - // paragraphe texte - .block-entity-fieldnodefield-textes{ - margin-top: 1rem; - background-color: $white; - .field--name-field-titre{ - font-size: 1.5rem; - font-weight: 1000; - font-family: 'Source Code Pro', monospace; - color: $blue-dark; - text-transform: uppercase; - margin-top: 2rem; - margin-bottom: 0.8rem; - } - h4{ - text-transform: none !important; - - img{ - width: 100%; - height: auto; - } - } - .field--type-text-long{ - padding-right: 2rem; - } - p{ - margin-top: 0; - } - } - - } - // colone de droite fichiers et ressources liées - .layout__region--third{ - .block-region-third{ - margin-top: 1rem; - display: flex; - flex-direction: column; - width: 70%; - // position: -webkit-sticky; - // position: sticky; - // top: 9rem; - @media (max-width: 810px){ - margin: auto; - } - .block-entity-fieldnodefield-fichiers{ - height: fit-content; - border: 2px solid $blue-light; - background-color: $white; - - } - .field--name-field-fichiers{ - min-height: 4rem; - background: $white; - color: $blue-light; - padding-left: 0.8rem; - padding-top: 1rem; - margin-bottom: 1rem; - - span:nth-of-type(2){ - display: none; - } - - .file--mime-application-pdf{ - height: inherit; - margin: auto; - ::before{ - content: url("../images/pictos/noun_Download_file_307900.svg"); - min-width:40px; - height: auto; - padding-right: 0.5rem; - display: inline-flex; - align-items: center; + } + + // paragraphe texte + .layout__region--second{ + .block-config-pages-block{ + .config_pages--type--incubateur-du-programme{ + .field--name-field-textes{ + .field__item{ + .paragraph--type--texte{ + padding-right: 2rem; + margin-top: 1rem; + background-color: $white; + .field--name-field-titre{ + font-size: 1.5rem; + font-weight: 1000; + font-family: 'Source Code Pro', monospace; + color: $blue-dark; + text-transform: uppercase; + // margin-top: 2rem; + margin-bottom: 0.8rem; + } + .field--name-field-texte{ + + + margin-bottom: 2rem; + + } + } - a{ - hyphens: auto; - display: inline-flex; - align-items: center; + } + + } + + } + + } + } + // colone de droite fichiers et ressources liées + .layout__region--third{ + .block-region-third{ + .block-config-pages-block{ + .config_pages--type--incubateur-du-programme{ + margin-top: 1rem; + display: flex; + flex-direction: column; + width: 70%; + // position: -webkit-sticky; + // position: sticky; + // top: 9rem; + @media (max-width: 810px){ + margin: auto; + } + .field--name-field-documents{ + height: fit-content; + border: 2px solid $blue-light; + background-color: $white; + margin-bottom: 1rem; + .field__item{ + min-height: 4rem; + background: $white; color: $blue-light; - font-weight: 800; - // max-width: 80px ; + padding-left: 0.8rem; + padding-top: 1rem; + + + span:nth-of-type(2){ + display: none; + } + + .file--mime-application-pdf{ + height: inherit; + margin: auto; + ::before{ + content: url("../images/pictos/noun_Download_file_307900.svg"); + min-width:40px; + height: auto; + padding-right: 0.5rem; + display: inline-flex; + align-items: center; + } + a{ + hyphens: auto; + display: inline-flex; + align-items: center; + color: $blue-light; + font-weight: 800; + // max-width: 80px ; + } + } + } - } - - } - .block-entity-fieldnodefield-liens{ + } + + .field--name-field-liens{ .field__item{ margin: auto; @@ -180,102 +209,219 @@ } } } + + + + // .block-entity-fieldnodefield-ress{ + // margin-top: 3rem; + + // h2{ + // font-size: 0.8rem; + // color: $black; + // font-weight: 900; + // } + + // .node-type-ressource{ + // display: flex; + // flex-direction: column; + // border: 2px solid $blue-light; + // padding: 1rem; + + // height: fit-content; + // margin-bottom: 1rem; + // background-color: $white; + // &:first-of-type{ + // border-top: 1px solid $blue-light; + // padding-top: 1rem; + // &::after{ + // content: url("../images/pictos/noun_Arrow_3771902.svg"); + // align-self: flex-end; + // } + // } + // .field--name-title{ + // a{ + // color: $black; + // font-size: 1.4rem; + // font-weight: 600; + + // } + // } + // .field--name-field-auteur-s-{ + // font-weight: 800; + // p{ + // margin: 0; + // } + // .field__label{ + // display:none; + // } + // } + // .field--name-field-edition{ + // p{ + // margin: 0; + // } + // .field__label{ + // display:none; + // } + // } + // .field--name-field-images{ + // display: none; + // width: 50%; + // img{ + // width: 100%; + // height: auto; + // } + // } + // .field--name-field-type-de-ressource{ + // display: inline-flex; + // margin-top: 2rem; + // background: $blue-dark; + // margin-right: 1rem; + // padding-left: 0.3rem; + // padding-right: 0.3rem; + // color: $white; + // font-weight: 800; + // vertical-align: middle; + // } + // } + // } } - - - .block-entity-fieldnodefield-ress{ - margin-top: 3rem; - - h2{ - font-size: 0.8rem; - color: $black; - font-weight: 900; - } - - .node-type-ressource{ - display: flex; - flex-direction: column; - border: 2px solid $blue-light; - padding: 1rem; - - height: fit-content; - margin-bottom: 1rem; - background-color: $white; - &:first-of-type{ - border-top: 1px solid $blue-light; - padding-top: 1rem; - &::after{ - content: url("../images/pictos/noun_Arrow_3771902.svg"); - align-self: flex-end; - } - } - .field--name-title{ - a{ - color: $black; - font-size: 1.4rem; - font-weight: 600; - - } - } - .field--name-field-auteur-s-{ - font-weight: 800; - p{ - margin: 0; - } - .field__label{ - display:none; - } - } - .field--name-field-edition{ - p{ - margin: 0; - } - .field__label{ - display:none; - } - } - .field--name-field-images{ - display: none; - width: 50%; - img{ - width: 100%; - height: auto; - } - } - .field--name-field-type-de-ressource{ - display: inline-flex; - margin-top: 2rem; - background: $blue-dark; - margin-right: 1rem; - padding-left: 0.3rem; - padding-right: 0.3rem; - color: $white; - font-weight: 800; - vertical-align: middle; - } - } - } - + } - + } + + } + // filtre et grille projets + .layout__region--bottom{ + .block-region-bottom{ + .block-views-blockprojets-block-3{ + padding-top: 1rem; + background-color: white; + .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-3{ + // width: 100%; + 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{ + 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; + } + } + } + } + + } + + } + } } - } - - } - - - // } - - } - // - - - + } + // } + } } \ No newline at end of file