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 6abd3c5..d79edc1 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 @@ -1563,16 +1563,17 @@ footer { padding-right: 0.5rem; } -.node-type-static .layout-content { - grid-row: 1; +.node-type-static main { + background-color: #f6f7f3; } .node-type-static .layout-content .content_container { - margin-bottom: 3rem; + display: flex; + flex-direction: column; + align-items: center; } .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage { - grid-column: 3/span 9; - grid-row: 1; - margin-top: 3rem; + margin-top: 1rem; + width: fit-content; } @media (max-width: 500px) { .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage { @@ -1581,20 +1582,37 @@ footer { } } .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage h1 { - text-transform: uppercase; - color: rgb(247, 0, 43); - font-size: 1.6rem; - font-weight: 300; + text-transform: none; + color: black; + font-size: 2rem; + font-weight: 500; } .node-type-static .layout-content .content_container article.node-type-static { + width: 80%; grid-column: 3/span 9; grid-row: 2; } +.node-type-static .layout-content .content_container article.node-type-static::before { + content: ""; + display: block; + border-bottom: solid 2px rgb(7, 50, 194); + width: 80%; + margin: auto; +} @media (max-width: 500px) { .node-type-static .layout-content .content_container article.node-type-static { grid-column: 2/span 9; } } +.node-type-static .layout-content .content_container article.node-type-static div.field_body { + width: 80%; + padding-top: 2rem; + padding-bottom: 2rem; + margin: auto; + justify-content: center; + display: flex; + 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; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/global/_layout.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/global/_layout.scss index aa68291..bd0ae57 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/global/_layout.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/global/_layout.scss @@ -6,7 +6,6 @@ $header-height-ultrasmall : 50px; $width-menu-slidedown : 550px; .layout-container { - position: relative; width: 100vw; background-color: $background-home; 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 deleted file mode 100644 index 287c2d7..0000000 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/_static.scss +++ /dev/null @@ -1,45 +0,0 @@ -.node-type-static{ - .layout-content{ - // grid-column: 1 / span 12; - grid-row: 1; - .content_container{ - margin-bottom: 3rem; - #block-quartiers-de-demain-titredepage{ - grid-column: 3 /span 9; - grid-row: 1; - margin-top: 3rem; - @media(max-width: 500px){ - margin-top: 1rem; - grid-column: 2 /span 9; - } - - h1{ - text-transform: uppercase; - color: $red_QDD ; - font-size: $font-large; - font-weight: 300; - } - } - article.node-type-static{ - grid-column: 3 /span 9; - grid-row: 2; - @media(max-width: 500px){ - grid-column: 2 /span 9; - } - - div.field_body{ - h2{ - font-size: $font-medium; - font-weight: 600; - margin-bottom: 0; - } - p{ - margin-top: 0; - } - } - } - } - } - -} - 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 new file mode 100644 index 0000000..ad49824 --- /dev/null +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/static.scss @@ -0,0 +1,66 @@ +.node-type-static{ + main{ + background-color: #f6f7f3; + } + .layout-content{ + + .content_container{ + display: flex; + flex-direction: column; + align-items: center; + #block-quartiers-de-demain-titredepage{ + margin-top: 1rem; + width: fit-content; + @media(max-width: 500px){ + margin-top: 1rem; + grid-column: 2 /span 9; + } + + h1{ + text-transform: none; + color: black; + font-size: 2rem; + font-weight: 500; + } + } + + article.node-type-static{ + &::before{ + content:""; + display: block; + border-bottom: solid 2px $blue_QDD; + width: 80% ; + margin: auto; + } + width: 80%; + grid-column: 3 /span 9; + grid-row: 2; + @media(max-width: 500px){ + grid-column: 2 /span 9; + } + + div.field_body{ + width: 80%; + padding-top: 2rem; + padding-bottom: 2rem; + margin: auto; + justify-content: center; + display: flex; + text-align: center; + + h2{ + font-size: $font-medium; + font-weight: 600; + margin-bottom: 0; + } + p{ + margin-top: 0; + } + } + } + + } + } + +} + diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/_footer.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss similarity index 100% rename from web/themes/custom/quartiers_de_demain/src/assets/scss/partials/_footer.scss rename to web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/_header.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss similarity index 100% rename from web/themes/custom/quartiers_de_demain/src/assets/scss/partials/_header.scss rename to web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss