bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

bouton en savoir plus projets incubés

Browse Source
This commit is contained in:
ouidade
2022-03-07 14:34:24 +01:00
parent dc7f2dd3cd
commit 7800f21755
2 changed files with 241 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/scss/pages/_lesprojets.scss
+179 -128
View File
@@ -1,147 +1,198 @@
.path-projets{
span{
padding-top: 3rem;
padding-bottom: 3rem;
vertical-align: middle;
h2{
margin: 0;
padding-top: 2rem;
height: 4rem;
color: $white;
font-family: "Source Code Pro";
text-transform: uppercase;
background: $blue-light;
padding-left: 13%;
}
}
.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;
}
}
.region-content{
#block-contenudelapageprincipale{
span{
padding-top: 3rem;
padding-bottom: 3rem;
vertical-align: middle;
h2{
margin: 0;
padding-top: 2rem;
height: 4rem;
color: $white;
font-family: "Source Code Pro";
text-transform: uppercase;
background: $blue-light;
padding-left: 13%;
}
}
//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:';
.layout--onecol{
.block-region-content{
//texte de présentation
.block-config-pages-block{
width: 60%;
margin: auto;
span h2{
display: none;
}
#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,<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>');
.config_pages--type--les-projets{
.field--name-field-introduction{
p:nth-of-type(1){
font-size: 1.5rem;
}
}
.field--name-field-adresse{
order:2;
}
}
// bouton projets incubés
.block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220{
// grid-column: 8 / span 9;
margin-top: 4rem;
background-color: $blue-light;
height: fit-content;
width: 60%;
margin-left: 2rem;
grid-row: 2;
.display{
display: block;
}
.field--name-field-lien{
display: flex;
text-transform: uppercase;
font-size: 0.9rem;
font-weight: 800;
margin-top: 0.8rem;
line-height: 0.6rem;
.address{
flex-direction: column;
margin-top: 2rem;
margin-bottom: 2rem;
margin-left: 1.5rem;
margin-right: 1.5rem;
text-align: center;
a{
font-weight: 800;
color: $white;
font-size: 1.3rem;
}
&:after{
margin-left: auto;
padding-top: 1rem;
display: block;
content:url("../images/pictos/noun_Arrow_3771902.svg")
}
}
}
//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;
margin: 0;
.locality::after{
content:",";
margin-right: 0.3rem;
#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;
}
}
}
.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;
}
}
}
}
}
}
}
}