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
+72 -52
View File
@@ -225,6 +225,7 @@ a {
margin-left: 8%;
margin-right: 5%; } }
.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-size: 2rem;
font-weight: 800;
@@ -261,6 +262,9 @@ a {
.path-node.page-node-type-static .layout-container .layout-content .layout__region--second {
flex: 0 1 80%;
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 {
margin-top: 1rem;
background-color: white; }
@@ -1209,7 +1213,7 @@ a {
margin-top: 8rem; }
@media (max-width: 810px) {
.path-faq #block-contenudelapageprincipale h2 {
margin-left: 6%;
margin-left: 8%;
margin-right: 1%; } }
.path-faq #block-contenudelapageprincipale .block-region-content {
@@ -2298,59 +2302,75 @@ a {
background-position-y: 7rem;
max-width: 100vw;
background-size: cover; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale span {
padding-top: 3rem;
padding-bottom: 3rem;
vertical-align: middle;
color: white; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale span h2 {
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: white;
background-color: #009ee3;
text-transform: uppercase;
width: fit-content;
margin-left: 10%;
margin-top: 8rem;
margin-bottom: 6rem; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second {
flex: 0 1 50%;
margin-left: 25%; }
.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;
margin-bottom: 4rem; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ {
margin-bottom: 3rem; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo {
grid-column: 1;
grid-row: 1 /span 3;
margin-right: 1rem;
max-height: 8rem; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo a {
height: 8rem;
width: 8rem; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo a img {
height: 100%;
width: 100%;
object-fit: contain; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-title {
grid-column: 2;
.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 {
padding-top: 3rem;
padding-bottom: 3rem;
vertical-align: middle;
color: white; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale span h2 {
display: inline;
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
background-color: white; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-body {
color: white;
background-color: #009ee3;
text-transform: uppercase;
width: fit-content;
margin-left: 10%;
margin-top: 8rem; }
@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 {
padding-top: 3rem;
flex: 0 1 50%;
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 {
background-color: white;
grid-column: 2; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-body p {
margin: 0; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien {
background-color: white;
grid-column: 2; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien a {
color: black;
text-decoration: underline; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien a svg {
display: none; }
margin-bottom: 4rem; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ {
margin-bottom: 3rem; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo {
grid-column: 1;
grid-row: 1 /span 3;
margin-right: 1rem;
max-height: 8rem; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo a {
height: 8rem;
width: 8rem; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-logo a img {
height: 100%;
width: 100%;
object-fit: contain; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-title {
grid-column: 2;
font-weight: 800;
background-color: white; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-body {
background-color: white;
grid-column: 2; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-body p {
margin: 0; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien {
background-color: white;
grid-column: 2; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien a {
color: black;
text-decoration: underline; }
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien a svg {
display: none; }
.path-webform .region-content [aria-label="Message d'avertissement"] {
display: none; }
web/themes/custom/eql/scss/pages/_annuairederecherche.scss
+19 -4
View File
@@ -8,13 +8,19 @@
.region-content{
#block-contenudelapageprincipale{
padding-top: 8rem;
@media (max-width: 479px){
padding-top: 5rem;
padding-left: 5rem;
}
span{
padding-top: 3rem;
padding-bottom: 3rem;
vertical-align: middle;
color: $white;
h2{
display: inline;
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
@@ -24,14 +30,23 @@
width: fit-content;
margin-left: 10%;
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__region--second{
padding-top: 3rem;
flex: 0 1 50%;
margin-left: 25%;
margin-left: 20%;
@media (max-width: 479px) {
flex: 0 1 80%;
margin: 0;
}
.block-region-second{
.block-config-pages-block{
background-color: $white;
web/themes/custom/eql/scss/pages/_faq.scss
+1 -1
View File
@@ -13,7 +13,7 @@
margin-left: 10%;
margin-top: 8rem;
@media (max-width: 810px){
margin-left: 6%;
margin-left: 8%;
margin-right: 1%;
}
}
web/themes/custom/eql/scss/pages/_static.scss
+6 -1
View File
@@ -27,7 +27,9 @@
margin-left: 8%;
margin-right: 5%;
}
.field--name-title{
display: inline;
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
@@ -83,7 +85,10 @@
@media (max-width: 810px){
flex: 0 1 80%;
margin: auto;
}
}
@media (max-width: 479px){
padding-top: 5rem;
}
// paragraphe texte
.block-entity-fieldnodefield-textes{
margin-top: 1rem;