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

css enjeux

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-07-15 13:04:02 +02:00
parent 0db3a90e5c
commit 7a3a139c3f
8 changed files with 671 additions and 6099 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
web/themes/custom/quartiers_de_demain/dist/assets/bundle.js vendored
View File

File diff suppressed because one or more lines are too long

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

@ -1711,51 +1711,13 @@ 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--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--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--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--28 .field_field_picto {
display: none;
}
#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--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--28 .field_field_texte .colone-picto {
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
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--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--28 .field_field_texte .colone-picto h3 {
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux h3 {
flex: 0 80%;
color: #0833c2;
display: flex;
@ -1764,26 +1726,7 @@ 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--28 .field_field_texte .colone-picto p {
padding-right: 1rem;
padding-bottom: 1rem;
flex: 1 30%;
max-width: 30%;
display: flex;
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--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--28 .field_field_texte .colone-picto p:nth-of-type(1)::before {
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(1)::before {
background-image: url("../img/ampoule.svg");
background-size: 90px 100px;
background-repeat: no-repeat;
@ -1794,15 +1737,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 1rem;
}
@media (max-width: 810px) {
#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 {
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux 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--28 .field_field_texte .colone-picto p:nth-of-type(2)::before {
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(2)::before {
background-image: url("../img/bonhome.svg");
background-size: 90px 100px;
background-repeat: no-repeat;
@ -1813,15 +1754,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 1rem;
}
@media (max-width: 810px) {
#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 {
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux 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--28 .field_field_texte .colone-picto p:nth-of-type(3)::before {
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(3)::before {
background-image: url("../img/feuilles.svg");
background-size: 90px 100px;
background-repeat: no-repeat;
@ -1832,15 +1771,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 1rem;
}
@media (max-width: 810px) {
#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 {
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux 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--28 .field_field_texte .colone-picto p:nth-of-type(4)::before {
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(4)::before {
background-image: url("../img/calendrier.svg");
background-size: 90px 100px;
background-repeat: no-repeat;
@ -1851,15 +1788,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 1rem;
}
@media (max-width: 810px) {
#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 {
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux 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--28 .field_field_texte .colone-picto p:nth-of-type(5)::before {
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(5)::before {
background-image: url("../img/crayons.svg");
background-size: 60px 100px;
background-repeat: no-repeat;
@ -1870,8 +1805,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 1rem;
}
@media (max-width: 810px) {
#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 {
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(5)::before {
width: 50px;
height: 50px;
background-size: 50px 50px;