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 61608c8..85d45f3 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 @@ -1968,6 +1968,11 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h margin-top: 1rem; width: fit-content; } +@media (max-width: 810px) { + #consultation .layout-content .content_container #block-quartiers-de-demain-titredepage { + margin-top: 10rem; + } +} #consultation .layout-content .content_container #block-quartiers-de-demain-titredepage h1 { text-transform: none; color: black; @@ -2179,9 +2184,9 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h margin-top: 1rem; width: fit-content; } -@media (max-width: 500px) { +@media (max-width: 810px) { .partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage { - margin-top: 1rem; + margin-top: 10rem; grid-column: 2/span 9; } } @@ -2290,9 +2295,9 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h margin-top: 1rem; width: fit-content; } -@media (max-width: 500px) { +@media (max-width: 810px) { .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage { - margin-top: 1rem; + margin-top: 10rem; grid-column: 2/span 9; } } @@ -2303,7 +2308,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h font-weight: 500; } .node-type-static .layout-content .content_container article.node-type-static { - width: 80%; + width: 100%; grid-column: 3/span 9; grid-row: 2; } @@ -2326,16 +2331,21 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h margin: auto; justify-content: center; display: flex; + flex-direction: column; text-align: center; } .node-type-static .layout-content .content_container article.node-type-static div.field_body h2 { - font-size: 0.8rem; - font-weight: 600; margin-bottom: 0; } .node-type-static .layout-content .content_container article.node-type-static div.field_body p { margin-top: 0; } +.node-type-static .layout-content .content_container article.node-type-static div.field_body h4 { + font-size: 1rem; +} +.node-type-static .layout-content .content_container article.node-type-static div.field_body h5 { + font-size: 0.9rem; +} #page-node .content_container { width: 60%; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/consultation.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/consultation.scss index 60c078f..cae83b1 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/consultation.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/consultation.scss @@ -12,6 +12,9 @@ #block-quartiers-de-demain-titredepage{ margin-top: 1rem; width: fit-content; + @media(max-width: 810px){ + margin-top: 10rem; + } h1{ text-transform: none; color: black; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/partenaires.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/partenaires.scss index d5b2c2c..8322045 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/partenaires.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/partenaires.scss @@ -8,8 +8,8 @@ #block-quartiers-de-demain-titredepage{ margin-top: 1rem; width: fit-content; - @media(max-width: 500px){ - margin-top: 1rem; + @media(max-width: 810px){ + margin-top: 10rem; grid-column: 2 /span 9; } diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/static.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/static.scss index ad49824..7c1abeb 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/static.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/static.scss @@ -11,8 +11,8 @@ #block-quartiers-de-demain-titredepage{ margin-top: 1rem; width: fit-content; - @media(max-width: 500px){ - margin-top: 1rem; + @media(max-width: 810px){ + margin-top: 10rem; grid-column: 2 /span 9; } @@ -32,7 +32,7 @@ width: 80% ; margin: auto; } - width: 80%; + width: 100%; grid-column: 3 /span 9; grid-row: 2; @media(max-width: 500px){ @@ -46,16 +46,22 @@ margin: auto; justify-content: center; display: flex; + flex-direction: column; text-align: center; h2{ - font-size: $font-medium; - font-weight: 600; + margin-bottom: 0; } p{ margin-top: 0; } + h4{ + font-size: 1rem; + } + h5{ + font-size: 0.9rem; + } } }