diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css index 78b5e48..1ffdf2f 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css +++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css @@ -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; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss index e2a8a59..d2f5ca6 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss @@ -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;