bachir/drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

preprocess page partenaires

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-02-27 13:30:59 +01:00
parent af3fd55599
commit 90a3afe6e8
12 changed files with 541 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/themes/custom/quartiers_de_demain/scss/global/_layout.scss
View File

@@ -9,6 +9,7 @@ $width-menu-slidedown : 550px;
font-family: $font-family-default;
font-weight: 400;
font-style: normal;
font-size: $font-normal;
top: 0%;
left: 0%;
// width: 100%;

8
web/themes/custom/quartiers_de_demain/scss/global/_reset.scss
View File

@@ -1,3 +1,7 @@
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
ul{
list-style-type: none;
}
@@ -24,4 +28,6 @@ svg.mailto{
}
svg.ext{
display: none;
}
}

1
web/themes/custom/quartiers_de_demain/scss/global/variables/_colors.scss
View File

@@ -8,6 +8,7 @@ $white-button: rgb(255, 255, 255);
$white-header:rgb(255, 255, 255);
$yellow-puca: #fdc300;
$bleu_fond_header: rgb(232, 235, 244);
$red_QDD: rgb(247, 0, 43);

6
web/themes/custom/quartiers_de_demain/scss/global/variables/_typography.scss
View File

@@ -4,6 +4,12 @@ $font-family-header: "Marianne", sans-serif;
$font-family-chapeau: "Marianne", sans-serif;
$font-extra: 2.3rem;
$font-large: 1.6rem;
$font-big: 1rem;
$font-medium: .8rem;
$font-normal: .6rem;
$font-small: .45rem;

120
web/themes/custom/quartiers_de_demain/scss/pages/_partenaires.scss Normal file
View File

@@ -0,0 +1,120 @@
.partenaires{
.content_container{
display: grid;
grid-template-columns: repeat(12, 1fr);
#block-quartiers-de-demain-titredepage{
grid-column: 3 /span 9;
grid-row: 1;
margin-top: 3rem;
margin-bottom: 3rem;
h1{
text-transform: uppercase;
color: $red_QDD ;
font-size: $font-large;
}
}
.views-element-container{
grid-column: 3 /span 9;
grid-row: 2;
}
}
}
// .field--name-field-partenaires{
// padding-top: 3rem;
.node-type-partenaire{
width: 100%;
padding-bottom: 3rem;
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-template-rows: repeat(auto-fill);
@media (max-width: 810px){
display: flex;
flex-direction: column;
}
.field--name-field-logo{
grid-column: 1 / 2;
grid-row: 2;
margin-top: 2rem;
padding-right: 1rem;
}
.field--name-field-titre{
grid-column: 2 / 8;
grid-row: 1;
font-weight: 800;
}
.field--name-field-texte{
grid-column: 2 / 8;
grid-row: 2;
}
.field--name-field-lien{
grid-column: 2 / 8;
grid-row: 3;
}
}
a{
font-weight: 800;
svg{
display: none;
}
}
// }
// .field--name-field-equipes{
// padding-top: 3rem;
// .paragraph--type--equipe{
// width: 100%;
// .paragraph--type--personne{
// width: 100%;
// padding-bottom: 3rem;
// display: grid;
// grid-template-columns: repeat(7, 1fr);
// grid-template-rows: repeat(auto-fill);
// @media (max-width: 810px){
// display: flex;
// flex-direction: column;
// }
// .field--name-field-photo{
// grid-column: 1 / 2;
// grid-row: 1 / span 3;
// // margin-top: 2rem;
// padding-right: 1rem;
// img{
// border-radius: 50%;
// }
// }
// .field--name-field-prenom{
// grid-column: 2 / span 3;
// grid-row: 1;
// font-weight: 800;
// }
// .field--name-field-nom{
// grid-column: 2 / span 3;
// grid-row: 2;
// }
// .field--name-field-fonction{
// grid-column: 2 / 8;
// grid-row: 3;
// }
// }
// }
// a{
// font-weight: 800;
// svg{
// display: none;
// }
// }
// }

54
web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss
View File

@@ -1,34 +1,47 @@
.footer{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 10px;
grid-template-rows: repeat(1, 1fr);
// grid-gap: 10px;
background-color: $white-header;
padding-top: 3rem;
font-family: "Marianne";
font-weight: 800;
font-size: 1.1rem;
text-transform: lowercase;
font-size: $font-normal;
section{width: fit-content;}
h2, ul{margin: 0;}
#footer-left{
grid-column: 1 /span 3;
#block-quartiers-de-demain-logorepu{
grid-column: 1 /span 5;
grid-row: 1;
.footer_left_container{
display: flex;
flex-direction: row;
#block-quartiers-de-demain-logorepu{
}
#block-quartiers-de-demain-logoepau{
height: $header-height;
}
img{
width: $header-height;
height: auto;
}
}
#block-quartiers-de-demain-logoepau{
height: $header-height;
}
img{
width: $header-height;
height: auto;
}
}
#footer-middle{
grid-column: 6 /span 7;
grid-row: 1;
#block-quartiers-de-demain-pieddepage-2-menu{
display: none;
}
}
#footer-right{
grid-column: 9 /span 12;
grid-row: 1;
font-size: $font-normal;
#block-quartiers-de-demain-socialmedialinks{
flex-direction: column;
}
}
div{
@@ -46,10 +59,3 @@
}
#block-quartiers-de-demain-pieddepage-2-menu{
display: none;
}
#block-quartiers-de-demain-socialmedialinks{
flex-direction: column;
}

3
web/themes/custom/quartiers_de_demain/scss/quartiers_de_demain.scss
View File

@@ -18,6 +18,7 @@
/*partials*/
@import "partials/header";
@import "partials/footer";
@@ -25,4 +26,4 @@
/*pages*/
@import "pages/partenaires.scss";