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

preprocess field page projet

Browse Source
This commit is contained in:
ouidade
2023-07-11 20:00:14 +02:00
parent 0d3987c3fd
commit e9ef306ddc
6 changed files with 437 additions and 184 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/scss/pages/_projet.scss
+139 -98
View File
@@ -7,75 +7,19 @@
#block-contenudelapageprincipale{
.layout--threecol-25-50-25{
.layout__region--top{
.block-region-top{
padding-top: 2rem;
display: grid;
grid-template-columns: 1fr repeat(8, 1fr) 1fr;
.block-entity-fieldnodetitle{
grid-column: 7 / span 9;
grid-row: 2;
margin: 0;
padding-right: 25%;
.field--name-title{
font-family: "Source Code Pro";
font-size: 1.5rem;
font-weight: 500;
color: $blue-light;
@media (max-width: 810px){
font-size: 1.7rem;
}
}
}
.block-entity-fieldnodefield-equipe{
grid-column: 7 / span 9;
grid-row: 3;
padding-right: 25%;
margin-top: 2rem;
// grid-column: 8 / span 8;
@media (max-width: 810px){
padding-top: 0.5rem;
}
.field--name-field-equipe{
color: $blue-dark;
font-size: 1.5rem;
font-weight: 900;
text-transform: uppercase ;
@media (max-width: 810px){
font-size: 1rem;
}
}
}
.block-entity-fieldnodefield-incube{
grid-column: 7 / span 7;
grid-row: 4;
margin-top: 2rem ;
// padding-top: 2rem;
// grid-column: 8 ;
width: fit-content;
.field--name-field-incube{
background-color: red;
color: white;
font-weight: 800;
padding-right: 0.3rem;
padding-left: 0.2rem;
}
@media (max-width: 810px) {
grid-column: 2 / span 4;
}
}
padding-top: 4rem;
margin-left: 10%;
margin-right: 10%;
.top_top{
display: flex;
flex-direction: row;
margin-bottom: 2rem;
.block-entity-fieldnodefield-photo{
grid-column: 2 /span 5;
grid-row: 2 / span 6;
margin-right: 2rem;
@media (max-width: 810px) {
grid-column: 1 / span 10;
}
width: 60%;
padding-right: 2rem;
// margin-right: 2rem;
// @media (max-width: 810px) {
// }
img{
// padding-top: 2rem;
// width: 600px;
@@ -89,48 +33,145 @@
width: 100%;
}
}
// position: relative;
// bottom: -50%;
// // position: relative;
// // bottom: -50%;
}
.block-entity-fieldnodefield-adresse{
margin-top: 3rem;
// grid-column: 7 / span 9;
grid-row: 10;
// padding-right: 25%;
// grid-column: 8 / span 10;
.field--name-field-adresse{
text-transform: uppercase;
font-weight: 800;
font-size: 0.9rem;
.address{
display: flex;
flex-direction: row;
margin: 0;
.locality::after{
content:",";
margin-right: 0.3rem;
.top_right{
width: 40%;
.block-entity-fieldnodetitle{
margin: 0;
.field--name-title{
font-family: "Marianne";
font-size: 2.5rem;
font-weight: 800;
color: $blue-light;
@media (max-width: 810px){
font-size: 1.7rem;
}
}
}
.block-entity-fieldnodefield-equipe{
margin-top: 2rem;
// grid-column: 8 / span 8;
@media (max-width: 810px){
padding-top: 0.5rem;
}
.field--name-field-equipe{
color: $blue-dark;
font-size: 1.5rem;
font-weight: 900;
text-transform: uppercase ;
@media (max-width: 810px){
font-size: 1rem;
}
}
}
.block-entity-fieldnodefield-incube{
margin-top: 2rem ;
// padding-top: 2rem;
// grid-column: 8 ;
width: fit-content;
.field--name-field-incube{
background-color: red;
color: white;
font-weight: 800;
padding-right: 0.3rem;
padding-left: 0.2rem;
}
@media (max-width: 810px) {
// grid-column: 2 / span 4;
}
}
}
}
.top_bottom{
display: flex;
flex-direction: row;
margin: auto;
border: 0.1rem solid;
justify-content: space-evenly;
.block-entity-fieldnodefield-adresse{
padding-left: 1rem;
// margin-block-start: .83em;
.field--name-field-adresse{
margin-top: .83em;
.address{
margin: auto;
display: flex;
flex-direction: column;
justify-content: start;
margin: 0;
// .locality::after{
// content:",";
// margin-right: 0.3rem;
// }
}
&::after{
content: "";
}
}
}
.block-entity-fieldnodefield-etape-du-projet{
// grid-column: 2/span 8;
grid-row: 10;
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
border-left: 0.1rem solid ;
h2{
color: $blue-dark;
font-size: 1.2rem;
font-weight: 900;
text-transform: uppercase ;
margin-bottom: 0rem !important;
&:after{
content: ' :';
}
}
.field__label{
display: none;
}
}
.block-entity-fieldnodefield-type-de-moa{
grid-row: 10;
padding-left: 1rem;
border-left: 0.1rem solid ;
padding-bottom: 1rem;
h2{
color: $blue-dark;
font-size: 1.2rem;
font-weight: 900;
text-transform: uppercase ;
margin-bottom: 0rem !important;
&:after{
content: ' :';
}
}
.field__label{
display: none;
}
}
.block-entity-fieldnodefield-type-de-projet{
grid-row: 10;
padding-left: 1rem;
padding-bottom: 1rem;
border-left: 0.1rem solid ;
h2{
color: $blue-dark;
font-size: 1.2rem;
font-weight: 900;
text-transform: uppercase ;
margin-bottom: 0rem !important;
&:after{
content: ' :';
}
}
}
}
.field__label{
display: none;
}
}
}
}
.layout__region--first{
// margin-top: 18rem;
margin-top: 5rem;