diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 5fa4c91..441bdbe 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -128,17 +128,35 @@ a { text-decoration: none; } +@media (max-width: 934px) { + #block-headermenu { + display: none; } + .page-node-type-static .layout__region--top { + height: 23vh; } + .page-node-type-static .layout__region--top .block-entity-fieldnodetitle { + margin-top: 11vh; } + .page-node-type-static .node-id-20 .field--name-field-partenaires .paragraph--type--partenaire { + display: flex; + flex-direction: column; } + .path-frontpage .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static { + width: 70%; } + .path-frontpage .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static div:first-child:not(.field__item):not(.field) { + display: flex; + flex-direction: column; } + .path-frontpage .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche p { + width: 100%; } } + /*pages*/ /* @import "pages/partials/header_footer"; @import "pages/home";*/ .layout__region--top { padding-bottom: 3rem; - height: 300px; } + height: 30vh; } .layout__region--top .block-entity-fieldnodetitle { width: fit-content; margin-left: 13%; - margin-top: 200px; } + margin-top: 15vh; } .layout__region--top .block-entity-fieldnodefield-images { display: none; height: inherit; } @@ -402,7 +420,7 @@ a { .node-id-20 { background: url("../images/pictos/carre-contour-bleu_partenaire.svg"); - background-repeat: no-repeat; + background-repeat: repeat; background-position-y: 7rem; max-width: 100vw; background-size: contain; } diff --git a/web/themes/custom/eql/scss/global/_mediaqueries.scss b/web/themes/custom/eql/scss/global/_mediaqueries.scss new file mode 100644 index 0000000..b760b65 --- /dev/null +++ b/web/themes/custom/eql/scss/global/_mediaqueries.scss @@ -0,0 +1,44 @@ + +@media (max-width: 934px){ + #block-headermenu{ + display:none; + } + .page-node-type-static{ + .layout__region--top{ //bandeau titre page static + height: 23vh; + + .block-entity-fieldnodetitle{ + margin-top: 11vh; + } + } + .node-id-20{ + .field--name-field-partenaires{ // page partenaires + .paragraph--type--partenaire{ + display: flex; + flex-direction: column; + } + } + } + + } + .path-frontpage{ + .view-display-id-block_2:is(.view-id-home_nodes){ // home présentation programme + .node-type-static{ + width: 70%; + // margin: auto; + div:first-child:not(.field__item):not(.field){ + display: flex; + flex-direction: column; + } + .field--name-field-accroche{ + p{ + width: 100%; + } + + } + } + } + } + + +} diff --git a/web/themes/custom/eql/scss/pages/_partenaires.scss b/web/themes/custom/eql/scss/pages/_partenaires.scss index 9793b0a..123078f 100644 --- a/web/themes/custom/eql/scss/pages/_partenaires.scss +++ b/web/themes/custom/eql/scss/pages/_partenaires.scss @@ -1,7 +1,7 @@ .node-id-20{ background: url('../images/pictos/carre-contour-bleu_partenaire.svg'); - background-repeat: no-repeat; + background-repeat: repeat; background-position-y: 7rem; max-width: 100vw; background-size: contain; diff --git a/web/themes/custom/eql/scss/pages/_static.scss b/web/themes/custom/eql/scss/pages/_static.scss index 063c94a..14b5dd8 100644 --- a/web/themes/custom/eql/scss/pages/_static.scss +++ b/web/themes/custom/eql/scss/pages/_static.scss @@ -2,12 +2,12 @@ .layout__region--top{ //bandeau titre page static padding-bottom: 3rem; - height: 300px; + height: 30vh; .block-entity-fieldnodetitle{ width: fit-content; margin-left: 13%; - margin-top: 200px; + margin-top: 15vh; } .block-entity-fieldnodefield-images{ display: none; diff --git a/web/themes/custom/eql/scss/styles.scss b/web/themes/custom/eql/scss/styles.scss index 908e310..1521628 100644 --- a/web/themes/custom/eql/scss/styles.scss +++ b/web/themes/custom/eql/scss/styles.scss @@ -9,6 +9,7 @@ @import "global/_layout"; @import "global/_typography"; +@import "global/_mediaqueries"; /*pages*/