diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index ae007cb..1f4fa58 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -173,6 +173,20 @@ a { .path-frontpage .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche p { width: 100%; } } +@media (max-width: 810px) { + .page-node-type-static .layout__region--top { + padding-bottom: 0rem; } + .page-node-type-static .layout__region--top .block-entity-fieldnodetitle { + margin-left: 8%; + margin-right: 5%; } + .page-node-type-static .layout__region--first .block-region-first { + display: none; } + .page-node-type-static .layout__region--second { + flex: 0 1 80%; + margin: auto; } + .page-node-type-static .layout__region--third .block-region-third { + margin: auto; } } + @media (max-width: 479px) { #header-top #block-logogouv img { min-width: 60px; @@ -184,7 +198,11 @@ a { height: auto; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content { display: flex; - flex-direction: column; } } + flex-direction: column; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type { + width: 90%; + display: flex; + margin: auto; } } /*pages*/ /* @@ -385,30 +403,57 @@ a { .path-frontpage .block-region-content .block-config-pages-block { grid-area: presentation; width: 100%; - background: url("../images/pictos/forme_home_2.svg"); - background-position-y: bottom; - background-position-x: left; - background-repeat: no-repeat; } + height: 78vh; + background: url("../images/pictos/rosace_coupee.svg"); + background-position-y: top; + background-position-x: center; + background-repeat: no-repeat; + background-size: cover; } + @media (max-width: 428px) { + .path-frontpage .block-region-content .block-config-pages-block { + height: 66vh; + background-size: cover; + background-position-y: top; + background-position-x: left; } } .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front { - width: 45%; + width: 400px; + height: 400px; + min-height: fit-content; margin: auto; background-color: white; - padding-left: 2rem; - padding-bottom: 4rem; } + margin-top: 7rem; + margin-left: 22%; + margin-bottom: 5rem; + padding: 4rem 2rem 4rem 2rem; } + @media (max-width: 428px) { + .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front { + width: 300px; + height: 200px; + margin-left: 10%; + padding: 3rem 5% 4rem 5%; + margin-top: 5rem; } } .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-titre { - font-size: 5rem; + color: #e1000f; + font-weight: 900; + font-size: 1.5rem; + text-transform: uppercase; + font-family: "Source Code Pro"; } + @media (max-width: 428px) { + .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-titre { + font-size: 1.2rem; } } + .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-sous-titre { + font-size: 3rem; font-weight: 900; color: #009ee3; - line-height: 5.7rem; + line-height: 4rem; margin-top: 4rem; margin-bottom: 2rem; width: fit-content; } - .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-sous-titre { - color: #e1000f; - font-weight: 900; - font-size: 1.8rem; - text-transform: uppercase; - font-family: "Source Code Pro"; } + @media (max-width: 428px) { + .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-sous-titre { + font-size: 2.5rem; + line-height: 3rem; + margin-top: 1rem; } } .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-punchline { color: #009ee3; font-weight: 900; @@ -417,12 +462,15 @@ a { font-family: "Source Code Pro"; padding-bottom: 3rem; } .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-lien { + position: relative; background-color: white; + border: 2px solid #009ee3; width: fit-content; height: 1.5rem; padding: 0.4rem 1rem; text-align: center !important; - float: right; } + float: right; + bottom: 0; } .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-lien a { display: inline-flex; text-transform: uppercase; @@ -432,6 +480,10 @@ a { .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-lien a:after { display: block; content: url('data:image/svg+xml,'); } + .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca { + display: none; } + .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 { + display: none; } .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 { grid-area: actus; width: 100vw; @@ -1348,17 +1400,31 @@ a { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row { width: 100%; margin-top: 1rem; } } + @media (max-width: 480px) { + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type { + width: 90%; + display: flex; + margin: auto; } } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages { grid-column: 3 / span 5; width: 100%; margin: auto; } + @media (max-width: 810px) { + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages { + padding: 2rem; } } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollection--block-1 { grid-column: 3 / span 5; margin: auto; background: white; margin-top: 2rem; } + @media (max-width: 810px) { + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollection--block-1 { + padding: 2rem; } } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d { visibility: hidden; } + @media (max-width: 810px) { + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d { + margin: auto; } } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 { width: 80%; grid-column: 3 / span 8; } @@ -1447,6 +1513,9 @@ a { display: inline-flex; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource ul.links.inline { display: none; } + @media (max-width: 810px) { + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 { + margin: auto; } } @media (max-width: 810px) { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content { display: flex; @@ -1499,16 +1568,28 @@ a { color: #009ee3; text-transform: uppercase; font-weight: 800; } + @media (max-width: 810px) { + .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource { + margin-left: 9%; + margin-right: 9%; } } .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle { margin-left: 13%; font-size: 2rem; font-weight: 600; } + @media (max-width: 810px) { + .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle { + margin-left: 9%; + margin-right: 9%; } } .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition { margin-left: 13%; } .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition .field--name-field-edition p { margin-bottom: 0; } + @media (max-width: 810px) { + .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition { + margin-left: 9%; + margin-right: 9%; } } .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- { margin-left: 13%; } @@ -1517,9 +1598,17 @@ a { font-weight: 800; } .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- .field--name-field-auteur-s- p { margin: 0; } + @media (max-width: 810px) { + .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- { + margin-left: 9%; + margin-right: 9%; } } .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution { margin-left: 13%; } + @media (max-width: 810px) { + .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution { + margin-left: 9%; + margin-right: 9%; } } .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs { margin-left: 13%; } @@ -1534,6 +1623,16 @@ a { color: white; font-weight: 800; vertical-align: middle; } + @media (max-width: 810px) { + .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs { + margin-left: 9%; + margin-right: 9%; } + .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs .field--name-field-mots-clefs { + display: flex; + flex-direction: row; + flex-wrap: wrap; } + .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs .field--name-field-mots-clefs .field__item { + margin-bottom: 0.5rem; } } .page-node-type-ressource .layout__region--first { margin-top: 3rem; @@ -1578,9 +1677,16 @@ a { padding-right: 2rem; } .page-node-type-ressource .layout__region--second .block-entity-fieldnodefield-textes p { margin-top: 0; } + @media (max-width: 810px) { + .page-node-type-ressource .layout__region--second { + flex: 0 1 80%; + margin: auto; } } .page-node-type-ressource .layout__region--third { margin-top: 3rem; } + @media (max-width: 810px) { + .page-node-type-ressource .layout__region--third { + flex: 0 1 100%; } } .page-node-type-ressource .layout__region--third .block-region-third { display: flex; flex-direction: column; @@ -1702,6 +1808,9 @@ a { display: inline-flex; } .page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource ul.links.inline { display: none; } + @media (max-width: 810px) { + .page-node-type-ressource .layout__region--third .block-region-third { + margin: auto; } } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale span { padding-top: 3rem; @@ -1987,6 +2096,9 @@ a { background: white; } .page-node-type-offre-de-service .layout__region--second .block-entity-fieldnodebody .field--type-text-with-summary p { margin: 0; } + @media (max-width: 810px) { + .page-node-type-offre-de-service .layout__region--second { + margin-left: 10%; } } .page-node-type-offre-de-service .layout__region--third { margin-top: 3rem; } .page-node-type-offre-de-service .layout__region--third .block-region-third { @@ -2710,6 +2822,10 @@ a { .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content { display: grid; grid-template-columns: 1fr repeat(8, 2fr) 1fr; } + @media (max-width: 810px) { + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content { + display: flex; + flex-direction: column; } } .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-2 { grid-column: 1 / span 10; } .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block { @@ -2719,6 +2835,9 @@ a { display: none; } .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .config_pages--type--les-projets .field--name-field-introduction p:nth-of-type(1) { font-size: 1.5rem; } + @media (max-width: 810px) { + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block { + padding: 2rem; } } .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 { grid-column: 8 / span 9; margin-top: 4rem; @@ -2746,8 +2865,14 @@ a { padding-top: 1rem; display: block; content: url("../images/pictos/noun_Arrow_3771902.svg"); } + @media (max-width: 810px) { + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 { + margin: auto; } } .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 { grid-column: 3 / span 8; } + @media (max-width: 810px) { + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 { + padding: 2rem; } } .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets { margin: auto; } .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters { @@ -2769,9 +2894,14 @@ a { margin-top: 2rem; display: flex; flex-direction: row; } + @media (max-width: 810px) { + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content { + flex-direction: column; } } .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .views-row { - width: 25%; - flex: 0 0 25%; } + width: 25%; } + @media (max-width: 810px) { + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .views-row { + width: 100%; } } .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet { color: #09398b; line-height: 1.5rem; diff --git a/web/themes/custom/eql/images/pictos/rosace.svg b/web/themes/custom/eql/images/pictos/rosace.svg new file mode 100644 index 0000000..c43d501 --- /dev/null +++ b/web/themes/custom/eql/images/pictos/rosace.svg @@ -0,0 +1,904 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web/themes/custom/eql/images/pictos/rosace_coupee.png b/web/themes/custom/eql/images/pictos/rosace_coupee.png new file mode 100644 index 0000000..bc2cdb7 Binary files /dev/null and b/web/themes/custom/eql/images/pictos/rosace_coupee.png differ diff --git a/web/themes/custom/eql/images/pictos/rosace_coupee.svg b/web/themes/custom/eql/images/pictos/rosace_coupee.svg new file mode 100644 index 0000000..1f15e40 --- /dev/null +++ b/web/themes/custom/eql/images/pictos/rosace_coupee.svg @@ -0,0 +1,866 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web/themes/custom/eql/scss/global/_mediaqueries.scss b/web/themes/custom/eql/scss/global/_mediaqueries.scss index 5358a1a..ce7e5bf 100644 --- a/web/themes/custom/eql/scss/global/_mediaqueries.scss +++ b/web/themes/custom/eql/scss/global/_mediaqueries.scss @@ -4,16 +4,21 @@ #block-headermenu{ display:none; } + .page-node-type-static{ - .layout__region--top{ //bandeau titre page static + + //bandeau titre page static + .layout__region--top{ height: 23vh; .block-entity-fieldnodetitle{ margin-top: 11vh; } } + + // page partenaires .node-id-20{ - .field--name-field-partenaires{ // page partenaires + .field--name-field-partenaires{ .paragraph--type--partenaire{ display: flex; flex-direction: column; @@ -22,8 +27,10 @@ } } + + // home présentation programme .path-frontpage{ - .view-display-id-block_2:is(.view-id-home_nodes){ // home présentation programme + .view-display-id-block_2:is(.view-id-home_nodes){ .node-type-static{ width: 70%; // margin: auto; @@ -43,7 +50,38 @@ } +/////////marche pas !!!!!! +@media (max-width: 810px){ + .page-node-type-static{ + + //bandeau titre page static + .layout__region--top{ + padding-bottom: 0rem; + .block-entity-fieldnodetitle{ + margin-left: 8%; + margin-right: 5%; + } + } + .layout__region--first{ + .block-region-first{ + display: none; + } + + } + .layout__region--second{ + flex: 0 1 80%; + margin: auto; + } + .layout__region--third{ + .block-region-third{ + margin: auto; + } + } + + } + +} @media (max-width: 479px){ @@ -62,6 +100,7 @@ height: auto; } } + } .path-frontpage{ .block-region-content{ @@ -74,5 +113,25 @@ } } } - } + } + + .path-ressources.basededonnees{ + .layout-content{ + .region-content{ + #block-contenudelapageprincipale{ + .layout--onecol{ + .block-region-content{ + .block-views-blockcollections-block-1{ + div:first-of-type{ + width: 90%; + display: flex; + margin: auto; + } + } + } + } + } + } + } + } } \ No newline at end of file diff --git a/web/themes/custom/eql/scss/pages/_basededonnees.scss b/web/themes/custom/eql/scss/pages/_basededonnees.scss index 0506836..34f8010 100644 --- a/web/themes/custom/eql/scss/pages/_basededonnees.scss +++ b/web/themes/custom/eql/scss/pages/_basededonnees.scss @@ -44,6 +44,7 @@ width: 100%; display: grid; grid-template-columns: 1fr repeat(8, 2fr) 1fr; + .view-id-collections{ grid-column: 3 / span 8; height: 100%; @@ -70,8 +71,10 @@ .views-field-name{ + .field-content{ grid-column: 3 /span 6; + } span{ @@ -80,7 +83,7 @@ padding: 1rem; padding-bottom: 2rem; } - + } a{ @@ -126,6 +129,11 @@ // } // } + @media (max-width: 480px){ + width: 90%; + display: flex; + margin: auto; + } } @@ -136,6 +144,10 @@ grid-column: 3 / span 5; width: 100%; margin: auto; + @media (max-width: 810px){ + padding: 2rem; + + } } // texte présentation .block-views-blockcollection--block-1{ @@ -147,6 +159,9 @@ background: $white; margin-top:2rem; // } + @media (max-width: 810px){ + padding: 2rem; + } } //button proposer une ressource @@ -186,6 +201,9 @@ // } // } + @media (max-width: 810px){ + margin: auto; + } } // grille des ressources @@ -346,6 +364,9 @@ } } } + @media (max-width: 810px){ + margin: auto; + } } @media (max-width:810px) { diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss index 5eaa87b..a9fed32 100644 --- a/web/themes/custom/eql/scss/pages/_home.scss +++ b/web/themes/custom/eql/scss/pages/_home.scss @@ -19,36 +19,86 @@ .block-config-pages-block{ grid-area: presentation; width: 100%; - background: url("../images/pictos/forme_home_2.svg"); + height: 78vh; + background: url("../images/pictos/rosace_coupee.svg"); // background: url("../images/carre_site.mp4"); - // background-size: 75%; - background-position-y: bottom; - background-position-x: left; + background-position-y: top; + background-position-x: center; background-repeat: no-repeat; + background-size: cover; + + @media (max-width: 428px){ + height: 66vh; + background-size: cover; + background-position-y: top; + background-position-x: left; + + } + .config_pages--type--home-front{ - - width:45%; + // width:20vw; + // min-width: fit-content; + // height: 20vw; + width: 400px; + height: 400px; + min-height: fit-content; margin: auto; background-color: white; - padding-left: 2rem; - padding-bottom: 4rem; + margin-top: 7rem; + margin-left: 22%; + margin-bottom: 5rem; + padding: 4rem 2rem 4rem 2rem; + // padding-left: 5%; + // padding-right: 5%; + // padding-bottom: 4rem; + // padding-top: 4rem; + @media (max-width: 428px){ + width: 300px; + height: 200px; + margin-left: 10%; + padding: 3rem 5% 4rem 5%; + margin-top: 5rem; + } + .field--name-field-titre{ - font-size: 5rem; + // font-size: 5rem; + // font-weight: 900; + // color: $blue-light; + // line-height: 5.7rem; + // margin-top: 4rem; + // margin-bottom: 2rem; + // width: fit-content; + + color: #e1000f; font-weight: 900; - color: $blue-light; - line-height: 5.7rem; - margin-top: 4rem; - margin-bottom: 2rem; - width: fit-content; + font-size: 1.5rem; + text-transform: uppercase; + font-family: "Source Code Pro"; + @media (max-width: 428px){ + font-size: 1.2rem;; + } + } .field--name-field-sous-titre{ - color: #e1000f; + // color: #e1000f; + // font-weight: 900; + // font-size: 1.8rem; + // text-transform: uppercase; + // font-family: "Source Code Pro"; + font-size: 3rem; font-weight: 900; - font-size: 1.8rem; - text-transform: uppercase; - font-family: "Source Code Pro"; + color: $blue-light; + line-height: 4rem; + margin-top: 4rem; + margin-bottom: 2rem; + width: fit-content; + @media (max-width: 428px){ + font-size: 2.5rem; + line-height: 3rem; + margin-top: 1rem; + } } .field--name-field-punchline{ color: $blue-light; @@ -59,13 +109,15 @@ padding-bottom: 3rem; } .field--name-field-lien{ + position: relative; background-color: $white; - // border: 2px solid $blue-light; + border: 2px solid $blue-light; width: fit-content; height: 1.5rem; padding: 0.4rem 1rem; text-align: center !important; float: right; + bottom: 0; a{ display: inline-flex; text-transform: uppercase; @@ -76,14 +128,19 @@ &:after{ display: block; content: url('data:image/svg+xml,'); - + } } } } } - + .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca{ + display: none; + } + .block-block-content1bb9024b-d95f-4137-894c-362abf10a483{ + display: none; + } // .block-views-blockhome-nodes-block-1{ // grid-area: presentation; diff --git a/web/themes/custom/eql/scss/pages/_lesprojets.scss b/web/themes/custom/eql/scss/pages/_lesprojets.scss index 53e97ab..c2a2380 100644 --- a/web/themes/custom/eql/scss/pages/_lesprojets.scss +++ b/web/themes/custom/eql/scss/pages/_lesprojets.scss @@ -23,6 +23,11 @@ display: grid; grid-template-columns: 1fr repeat(8, 2fr) 1fr; + @media (max-width: 810px){ + display: flex; + flex-direction: column; + } + /// carte .block-views-blockprojets-block-2{ grid-column: 1 / span 10; @@ -30,6 +35,7 @@ //texte de présentation .block-config-pages-block{ + grid-column: 3 / span 5; // width: 60%; margin: auto; @@ -43,50 +49,65 @@ } } } + + @media (max-width: 810px){ + padding: 2rem; + } + } // bouton projets incubés .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220{ - grid-column: 8 / span 9; - margin-top: 4rem; - background-color: $blue-light; - height: fit-content; - width: 60%; - margin-left: 2rem; - grid-row: 2; - .display{ + grid-column: 8 / span 9; + margin-top: 4rem; + background-color: $blue-light; + height: fit-content; + width: 60%; + margin-left: 2rem; + grid-row: 2; + .display{ + display: block; + } + + + .field--name-field-lien{ + display: flex; + flex-direction: column; + margin-top: 2rem; + margin-bottom: 2rem; + margin-left: 1.5rem; + margin-right: 1.5rem; + text-align: center; + a{ + font-weight: 800; + color: $white; + font-size: 1.3rem; + } + &:after{ + margin-left: auto; + padding-top: 1rem; display: block; + content:url("../images/pictos/noun_Arrow_3771902.svg") + } - - .field--name-field-lien{ - display: flex; - flex-direction: column; - margin-top: 2rem; - margin-bottom: 2rem; - margin-left: 1.5rem; - margin-right: 1.5rem; - text-align: center; - a{ - font-weight: 800; - color: $white; - font-size: 1.3rem; - } - &:after{ - margin-left: auto; - padding-top: 1rem; - display: block; - content:url("../images/pictos/noun_Arrow_3771902.svg") - - } - - } + } + + @media (max-width: 810px){ + margin: auto; + } + } //partie projets .block-views-blockprojets-block-1{ grid-column: 3 / span 8; // width: 80%; + + @media (max-width: 810px){ + padding: 2rem; + } + .view-projets{ // width: 80%; @@ -120,9 +141,17 @@ margin-top: 2rem; display: flex; flex-direction: row; + @media (max-width: 810px){ + flex-direction: column; + } + .views-row{ width: 25%; - flex: 0 0 25%; + // flex: 0 0 25%; + @media (max-width: 810px){ + + width: 100%; + } } } diff --git a/web/themes/custom/eql/scss/pages/_offre.scss b/web/themes/custom/eql/scss/pages/_offre.scss index 7b380db..8407829 100644 --- a/web/themes/custom/eql/scss/pages/_offre.scss +++ b/web/themes/custom/eql/scss/pages/_offre.scss @@ -142,6 +142,9 @@ p{ margin: 0;} } } + @media (max-width: 810px){ + margin-left: 10%; + } } diff --git a/web/themes/custom/eql/scss/pages/_ressource.scss b/web/themes/custom/eql/scss/pages/_ressource.scss index 3da6405..bd40091 100644 --- a/web/themes/custom/eql/scss/pages/_ressource.scss +++ b/web/themes/custom/eql/scss/pages/_ressource.scss @@ -26,12 +26,20 @@ color: $blue-light; text-transform: uppercase; font-weight: 800; + @media (max-width: 810px){ + margin-left:9%; + margin-right: 9%; + } } .block-entity-fieldnodetitle{ margin-left: 13%; font-size: 2rem; font-weight: 600; + @media (max-width: 810px){ + margin-left:9%; + margin-right: 9%; + } } .block-entity-fieldnodefield-edition{ margin-left: 13%; @@ -40,6 +48,10 @@ margin-bottom: 0; } } + @media (max-width: 810px){ + margin-left:9%; + margin-right: 9%; + } } .block-entity-fieldnodefield-auteur-s-{ @@ -51,10 +63,18 @@ margin: 0; } } + @media (max-width: 810px){ + margin-left:9%; + margin-right: 9%; + } } .block-entity-fieldnodefield-date-de-parution{ margin-left: 13%; + @media (max-width: 810px){ + margin-left:9%; + margin-right: 9%; + } } .block-entity-fieldnodefield-mots-clefs{ margin-left: 13%; @@ -75,6 +95,20 @@ vertical-align: middle; } } + @media (max-width: 810px){ + margin-left:9%; + margin-right: 9%; + .field--name-field-mots-clefs{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + .field__item{ + margin-bottom: 0.5rem; + + } + } + + } } } @@ -137,11 +171,17 @@ margin-top: 0; } } - + @media (max-width: 810px){ + flex: 0 1 80%; + margin: auto; + } } .layout__region--third{ // colone de droite fichiers et ressources liées margin-top: 3rem; + @media (max-width: 810px){ + flex: 0 1 100%; + } .block-region-third{ display: flex; flex-direction: column; @@ -326,6 +366,9 @@ } + @media (max-width: 810px){ + margin: auto; + } }