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

taille header et padding contenu

This commit is contained in:
ouidade 2024-09-19 14:29:53 +02:00
parent 78e8acc00d
commit 097882e407
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

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