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;
+ }
}