bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

responsive

Browse Source
This commit is contained in:
ouidade
2022-04-08 15:08:49 +02:00
parent 0c440aa173
commit 82d811d435
4 changed files with 98 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+24 -4
View File
@@ -225,6 +225,7 @@ a {
margin-left: 8%; margin-left: 8%;
margin-right: 5%; } } margin-right: 5%; } }
.path-node.page-node-type-static .layout-container .layout-content .layout__region--top .block-entity-fieldnodetitle .field--name-title { .path-node.page-node-type-static .layout-container .layout-content .layout__region--top .block-entity-fieldnodetitle .field--name-title {
display: inline;
font-family: 'Source Code Pro'; font-family: 'Source Code Pro';
font-size: 2rem; font-size: 2rem;
font-weight: 800; font-weight: 800;
@@ -261,6 +262,9 @@ a {
.path-node.page-node-type-static .layout-container .layout-content .layout__region--second { .path-node.page-node-type-static .layout-container .layout-content .layout__region--second {
flex: 0 1 80%; flex: 0 1 80%;
margin: auto; } } margin: auto; } }
@media (max-width: 479px) {
.path-node.page-node-type-static .layout-container .layout-content .layout__region--second {
padding-top: 5rem; } }
.path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes { .path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes {
margin-top: 1rem; margin-top: 1rem;
background-color: white; } background-color: white; }
@@ -1209,7 +1213,7 @@ a {
margin-top: 8rem; } margin-top: 8rem; }
@media (max-width: 810px) { @media (max-width: 810px) {
.path-faq #block-contenudelapageprincipale h2 { .path-faq #block-contenudelapageprincipale h2 {
margin-left: 6%; margin-left: 8%;
margin-right: 1%; } } margin-right: 1%; } }
.path-faq #block-contenudelapageprincipale .block-region-content { .path-faq #block-contenudelapageprincipale .block-region-content {
@@ -2298,12 +2302,19 @@ a {
background-position-y: 7rem; background-position-y: 7rem;
max-width: 100vw; max-width: 100vw;
background-size: cover; } background-size: cover; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale {
padding-top: 8rem; }
@media (max-width: 479px) {
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale {
padding-top: 5rem;
padding-left: 5rem; } }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale span { .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale span {
padding-top: 3rem; padding-top: 3rem;
padding-bottom: 3rem; padding-bottom: 3rem;
vertical-align: middle; vertical-align: middle;
color: white; } color: white; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale span h2 { .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale span h2 {
display: inline;
font-family: 'Source Code Pro'; font-family: 'Source Code Pro';
font-size: 2rem; font-size: 2rem;
font-weight: 800; font-weight: 800;
@@ -2312,11 +2323,20 @@ a {
text-transform: uppercase; text-transform: uppercase;
width: fit-content; width: fit-content;
margin-left: 10%; margin-left: 10%;
margin-top: 8rem; margin-top: 8rem; }
margin-bottom: 6rem; } @media (max-width: 479px) {
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale span h2 {
margin-right: 37%;
margin-bottom: 2rem;
margin-left: 0; } }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second { .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second {
padding-top: 3rem;
flex: 0 1 50%; flex: 0 1 50%;
margin-left: 25%; } margin-left: 20%; }
@media (max-width: 479px) {
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second {
flex: 0 1 80%;
margin: 0; } }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-config-pages-block { .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-config-pages-block {
background-color: white; background-color: white;
margin-bottom: 4rem; } margin-bottom: 4rem; }
web/themes/custom/eql/scss/pages/_annuairederecherche.scss
+17 -2
View File
@@ -8,6 +8,11 @@
.region-content{ .region-content{
#block-contenudelapageprincipale{ #block-contenudelapageprincipale{
padding-top: 8rem;
@media (max-width: 479px){
padding-top: 5rem;
padding-left: 5rem;
}
span{ span{
padding-top: 3rem; padding-top: 3rem;
@@ -15,6 +20,7 @@
vertical-align: middle; vertical-align: middle;
color: $white; color: $white;
h2{ h2{
display: inline;
font-family: 'Source Code Pro'; font-family: 'Source Code Pro';
font-size: 2rem; font-size: 2rem;
font-weight: 800; font-weight: 800;
@@ -24,14 +30,23 @@
width: fit-content; width: fit-content;
margin-left: 10%; margin-left: 10%;
margin-top: 8rem; margin-top: 8rem;
margin-bottom: 6rem;
@media (max-width: 479px) {
margin-right: 37%;
margin-bottom: 2rem;
margin-left: 0;
}
} }
} }
.layout--threecol-25-50-25{ .layout--threecol-25-50-25{
.layout__region--second{ .layout__region--second{
padding-top: 3rem;
flex: 0 1 50%; flex: 0 1 50%;
margin-left: 25%; margin-left: 20%;
@media (max-width: 479px) {
flex: 0 1 80%;
margin: 0;
}
.block-region-second{ .block-region-second{
.block-config-pages-block{ .block-config-pages-block{
background-color: $white; background-color: $white;
web/themes/custom/eql/scss/pages/_faq.scss
+1 -1
View File
@@ -13,7 +13,7 @@
margin-left: 10%; margin-left: 10%;
margin-top: 8rem; margin-top: 8rem;
@media (max-width: 810px){ @media (max-width: 810px){
margin-left: 6%; margin-left: 8%;
margin-right: 1%; margin-right: 1%;
} }
} }
web/themes/custom/eql/scss/pages/_static.scss
+5
View File
@@ -27,7 +27,9 @@
margin-left: 8%; margin-left: 8%;
margin-right: 5%; margin-right: 5%;
} }
.field--name-title{ .field--name-title{
display: inline;
font-family: 'Source Code Pro'; font-family: 'Source Code Pro';
font-size: 2rem; font-size: 2rem;
font-weight: 800; font-weight: 800;
@@ -84,6 +86,9 @@
flex: 0 1 80%; flex: 0 1 80%;
margin: auto; margin: auto;
} }
@media (max-width: 479px){
padding-top: 5rem;
}
// paragraphe texte // paragraphe texte
.block-entity-fieldnodefield-textes{ .block-entity-fieldnodefield-textes{
margin-top: 1rem; margin-top: 1rem;