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 3ab2c36..928c6fa 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 @@ -3001,14 +3001,15 @@ body { padding-left: 0.2rem; } .node-type-site .layout--threecol-25-50-25 .layout__region--second { - flex: 0 1 55% !important; + flex: 0 1 50% !important; margin-top: 1rem; } .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second { display: flex; flex-direction: row; flex-wrap: wrap; - margin-left: 0.5rem; + margin-left: 2rem; + margin-right: 3rem; } @media (max-width: 500px) { .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second { @@ -3104,11 +3105,17 @@ body { } } .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) .paragraph--type--site-parts .field_field_titre_site { + font-family: "gilroy-bold"; + font-size: 1.5em; +} +.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) .paragraph--type--site-parts .field_field_texte_site h2 { font-family: "gilroy-semibold"; - font-size: 0.6rem; + color: rgb(247, 0, 43); + font-size: 0.9rem; + margin-left: 1rem; } .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) .paragraph--type--site-parts .field_field_texte_site p { - font-family: "gilroy-medium"; + font-family: "gilroy-light"; font-size: 0.6rem; margin-top: 0; } @@ -3123,9 +3130,6 @@ body { flex-direction: column !important; } } -.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama .cadre-img-zoom { - margin: auto; -} .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama .cadre-img-zoom img { object-fit: cover; width: 220px; @@ -3133,10 +3137,11 @@ body { } .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama .image-field-caption { margin: 0; + max-width: 200px; } .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama .image-field-caption p { margin-top: 0; - font-size: 0.3rem; + font-size: 0.5rem; font-family: "gilroy-light"; } .node-type-site .layout--threecol-25-50-25 .layout__region--third { diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss index c15c75a..4e58536 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss @@ -115,14 +115,15 @@ } .layout__region--second{ - flex: 0 1 55% !important; + flex: 0 1 50% !important; margin-top: 1rem; // width: 60%; .block-region-second{ display: flex; flex-direction: row; flex-wrap: wrap; - margin-left: 0.5rem; + margin-left: 2rem; + margin-right: 3rem; @media(max-width: 500px){ margin-left: 0.5rem; margin-top: 1rem; @@ -233,15 +234,23 @@ .paragraph--type--site-parts{ .field_field_titre_site{ - font-family: 'gilroy-semibold'; - font-size: 0.6rem; + font-family: 'gilroy-bold'; + font-size: 1.5em; } - .field_field_texte_site p{ - font-family: 'gilroy-medium'; - font-size: 0.6rem; - margin-top: 0; - } - + .field_field_texte_site{ + h2{ + font-family: 'gilroy-semibold'; + color: $red_QDD; + font-size: 0.9rem; + margin-left: 1rem; + } + p{ + font-family: 'gilroy-light'; + font-size: 0.6rem; + margin-top: 0; + } + + } } } @@ -257,7 +266,7 @@ flex-direction: column !important; } .cadre-img-zoom{ - margin: auto; + // margin: auto; img{ object-fit: cover; width: 220px; @@ -266,9 +275,10 @@ } .image-field-caption{ margin: 0; + max-width: 200px; p{ margin-top: 0; - font-size: 0.3rem; + font-size: 0.5rem; font-family: 'gilroy-light'; } }