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

test id

This commit is contained in:
ouidade 2024-07-12 13:14:39 +02:00
parent 48cfaca44e
commit 0c31a38d35
2 changed files with 44 additions and 22 deletions
Show Stats 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; 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; background-color: #edefe8;
position: relative; position: relative;
padding-bottom: 6rem; 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; 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"; 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; 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%; width: 65%;
margin: auto; margin: auto;
} }
@media (max-width: 1090px) { @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%; 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; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
@ -1710,11 +1717,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-left: 6rem; padding-left: 6rem;
} }
@media (max-width: 1090px) { @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; 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%; flex: 0 80%;
color: #0833c2; color: #0833c2;
display: flex; display: flex;
@ -1723,7 +1732,8 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-top: 3rem; padding-top: 3rem;
border-top: solid 1px #0833c2; 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-right: 1rem;
padding-bottom: 1rem; padding-bottom: 1rem;
flex: 1 30%; flex: 1 30%;
@ -1732,14 +1742,16 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
flex-direction: column; flex-direction: column;
} }
@media (max-width: 1090px) { @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; padding-right: 1rem;
flex: 1 30%; flex: 1 30%;
max-width: 50%; max-width: 50%;
font-size: 0.9rem; 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-image: url("../img/ampoule.svg");
background-size: 90px 100px; background-size: 90px 100px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1750,13 +1762,15 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 1rem; padding-bottom: 1rem;
} }
@media (max-width: 500px) { @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; width: 50px;
height: 50px; height: 50px;
background-size: 50px 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-image: url("../img/bonhome.svg");
background-size: 90px 100px; background-size: 90px 100px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1767,13 +1781,15 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 1rem; padding-bottom: 1rem;
} }
@media (max-width: 500px) { @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; width: 50px;
height: 50px; height: 50px;
background-size: 50px 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-image: url("../img/feuilles.svg");
background-size: 90px 100px; background-size: 90px 100px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1784,13 +1800,15 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 1rem; padding-bottom: 1rem;
} }
@media (max-width: 500px) { @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; width: 50px;
height: 50px; height: 50px;
background-size: 50px 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-image: url("../img/calendrier.svg");
background-size: 90px 100px; background-size: 90px 100px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1801,13 +1819,15 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 1rem; padding-bottom: 1rem;
} }
@media (max-width: 500px) { @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; width: 50px;
height: 50px; height: 50px;
background-size: 50px 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-image: url("../img/crayons.svg");
background-size: 60px 100px; background-size: 60px 100px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1818,7 +1838,8 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 1rem; padding-bottom: 1rem;
} }
@media (max-width: 500px) { @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; width: 50px;
height: 50px; height: 50px;
background-size: 50px 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;} &.paragraph--type--static-parts{padding-top: 0 !important;}
background-color: #edefe8; background-color: #edefe8;
position: relative; position: relative;