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

Compare commits

base: bachir:78e8acc00d5876b8d4b8f3cb2ec57ae8c91aa31b
Branches Tags
bachir:master
bachir:prod
bachir:stage
bachir:prd
...
compare: bachir:2b94ff5b8b6b93c96123bf1a841eae337081cc19
Branches Tags
bachir:master
bachir:prod
bachir:stage
bachir:prd

2 Commits
78e8acc00d ... 2b94ff5b8b

Author SHA1 Message Date
ouidade 2b94ff5b8b taille logo header 2024-09-19 16:55:52 +02:00
ouidade 097882e407 taille header et padding contenu 2024-09-19 14:29:53 +02:00
3 changed files with 29 additions and 6 deletions
Show Stats Expand all files Collapse all files

16
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@ -295,9 +295,15 @@ header .header_left_container #block-quartiers-de-demain-logoepau-2 {
}
}
header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain {
padding-right: 5%;
margin: auto;
}
header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo {
width: 90%;
margin: auto;
}
header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header {
width: 100%;
}
header .header_left_container img {
width: auto;
margin: auto;
@ -1681,12 +1687,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
display: none;
}
#home article.node-type-static .field_body {
width: 80%;
width: 65%;
margin: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
position: relative;
margin-left: 14rem;
}
@media (max-width: 1090px) {
#home article.node-type-static .field_body {
@ -1720,7 +1727,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
}
}
#home article.node-type-static .field_body > p:nth-child(2) {
padding-left: 15rem;
padding-left: 10rem;
}
@media (max-width: 1090px) {
#home article.node-type-static .field_body > p:nth-child(2) {
@ -1743,6 +1750,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
#home article.node-type-static #paragraph-id--1 {
background-color: #edefe8;
position: relative;
padding-left: 4rem;
}
#home article.node-type-static #paragraph-id--1.paragraph--type--static-parts {
padding-bottom: 0 !important;
@ -1979,6 +1987,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
}
}
#home article.node-type-static #paragraph-id--6 {
padding-left: 4rem;
display: flex;
flex-direction: column;
margin: auto;
@ -2041,6 +2050,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
height: auto;
}
#home article.node-type-static #paragraph-id--7 {
padding-left: 4rem;
background-color: #0833c2;
display: flex;
flex-direction: column;

10
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
View File

@ -78,12 +78,14 @@
display: none;
}
.field_body{ ///// texte de présentation
width: 80%;
// width: 80%;
width: 65%;
margin: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap ;
position: relative;
margin-left: 14rem;
@media(max-width: 1090px){
flex-direction: column;
width: 90%;
@ -109,7 +111,8 @@
}
}
> p:nth-child(2){
padding-left: 15rem;
// padding-left: 15rem;
padding-left: 10rem;
@media(max-width: 1090px){
padding-left: 0 ;
}
@ -131,6 +134,7 @@
#paragraph-id--1{ ///// Les enjeux 1
background-color: #edefe8;
position: relative;
padding-left: 4rem;
&.paragraph--type--static-parts{padding-bottom: 0 !important;}
.field_field_title{
@ -368,6 +372,7 @@
#paragraph-id--6{ /////// quartier 2030
padding-left: 4rem;
display: flex;
flex-direction: column;
margin: auto;
@ -424,6 +429,7 @@
}
#paragraph-id--7{ ///////// les piliers
padding-left: 4rem;
background-color: #0833c2ff;
display: flex;
flex-direction: column;

9
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
View File

@ -44,8 +44,15 @@ header{
}
#block-quartiers-de-demain-logoquartiersdedemain{
padding-right: 5%;
// padding-right: 5%;
margin: auto;
.field_field_logo{
width: 90%;
margin: auto;
.qdd-header{
width: 100%;
}
}
}
img{
width: auto;