path-incubateur

This commit is contained in:
2022-03-07 16:20:01 +01:00
parent 450c242721
commit 6f179ad5bc
2 changed files with 562 additions and 204 deletions
@@ -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,<svg width="160" height="25" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="2.5"/></svg>'); }
.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; }
+350 -204
View File
@@ -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,<svg width="160" height="25" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="2.5"/></svg>');
}
}
.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;
}
}
}
}
}
}
}
}
}
}
// }
}
//
}
// }
}
}