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

test id

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-07-12 13:14:39 +02:00
parent 48cfaca44e
commit 0c31a38d35
2 changed files with 44 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1679,30 +1679,37 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
background-size: 50px 50px;
}
}
#home article.node-type-static #paragraph-id--21 {
#home article.node-type-static #paragraph-id--21,
#home article.node-type-static #paragraph-id--28 {
background-color: #edefe8;
position: relative;
padding-bottom: 6rem;
}
#home article.node-type-static #paragraph-id--21.paragraph--type--static-parts {
#home article.node-type-static #paragraph-id--21.paragraph--type--static-parts,
#home article.node-type-static #paragraph-id--28.paragraph--type--static-parts {
padding-top: 0 !important;
}
#home article.node-type-static #paragraph-id--21 .field_field_title {
#home article.node-type-static #paragraph-id--21 .field_field_title,
#home article.node-type-static #paragraph-id--28 .field_field_title {
font-family: "gilroy-bold";
}
#home article.node-type-static #paragraph-id--21 .field_field_picto {
#home article.node-type-static #paragraph-id--21 .field_field_picto,
#home article.node-type-static #paragraph-id--28 .field_field_picto {
display: none;
}
#home article.node-type-static #paragraph-id--21 .field_field_texte {
#home article.node-type-static #paragraph-id--21 .field_field_texte,
#home article.node-type-static #paragraph-id--28 .field_field_texte {
width: 65%;
margin: auto;
}
@media (max-width: 1090px) {
#home article.node-type-static #paragraph-id--21 .field_field_texte {
#home article.node-type-static #paragraph-id--21 .field_field_texte,
#home article.node-type-static #paragraph-id--28 .field_field_texte {
width: 80%;
}
}
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto,
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto {
display: flex;
flex-direction: row;
flex-wrap: wrap;
@@ -1710,11 +1717,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-left: 6rem;
}
@media (max-width: 1090px) {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto,
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto {
padding-left: 1.5rem;
}
}
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto h3 {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto h3,
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto h3 {
flex: 0 80%;
color: #0833c2;
display: flex;
@@ -1723,7 +1732,8 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-top: 3rem;
border-top: solid 1px #0833c2;
}
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p,
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p {
padding-right: 1rem;
padding-bottom: 1rem;
flex: 1 30%;
@@ -1732,14 +1742,16 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
flex-direction: column;
}
@media (max-width: 1090px) {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p,
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p {
padding-right: 1rem;
flex: 1 30%;
max-width: 50%;
font-size: 0.9rem;
}
}
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(1)::before {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(1)::before,
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(1)::before {
background-image: url("../img/ampoule.svg");
background-size: 90px 100px;
background-repeat: no-repeat;
@@ -1750,13 +1762,15 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 1rem;
}
@media (max-width: 500px) {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(1)::before {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(1)::before,
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(1)::before {
width: 50px;
height: 50px;
background-size: 50px 50px;
}
}
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(2)::before {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(2)::before,
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(2)::before {
background-image: url("../img/bonhome.svg");
background-size: 90px 100px;
background-repeat: no-repeat;
@@ -1767,13 +1781,15 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 1rem;
}
@media (max-width: 500px) {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(2)::before {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(2)::before,
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(2)::before {
width: 50px;
height: 50px;
background-size: 50px 50px;
}
}
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(3)::before {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(3)::before,
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(3)::before {
background-image: url("../img/feuilles.svg");
background-size: 90px 100px;
background-repeat: no-repeat;
@@ -1784,13 +1800,15 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 1rem;
}
@media (max-width: 500px) {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(3)::before {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(3)::before,
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(3)::before {
width: 50px;
height: 50px;
background-size: 50px 50px;
}
}
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(4)::before {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(4)::before,
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(4)::before {
background-image: url("../img/calendrier.svg");
background-size: 90px 100px;
background-repeat: no-repeat;
@@ -1801,13 +1819,15 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 1rem;
}
@media (max-width: 500px) {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(4)::before {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(4)::before,
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(4)::before {
width: 50px;
height: 50px;
background-size: 50px 50px;
}
}
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(5)::before {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(5)::before,
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(5)::before {
background-image: url("../img/crayons.svg");
background-size: 60px 100px;
background-repeat: no-repeat;
@@ -1818,7 +1838,8 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 1rem;
}
@media (max-width: 500px) {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(5)::before {
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(5)::before,
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(5)::before {
width: 50px;
height: 50px;
background-size: 50px 50px;

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

@@ -203,7 +203,8 @@
}
}
}
#paragraph-id--21{ ///// Les enjeux 2
#paragraph-id--21,
#paragraph-id--28{ ///// Les enjeux 2
&.paragraph--type--static-parts{padding-top: 0 !important;}
background-color: #edefe8;
position: relative;