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

responsive actu

Browse Source
This commit is contained in:
ouidade
2024-10-10 09:53:43 +02:00
parent 1cd8a5f87c
commit 4a98e978fd
2 changed files with 20 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+9 -7
View File
@@ -1232,12 +1232,12 @@ a {
max-width: 90vw; max-width: 90vw;
} }
} }
@media (max-width: 568px) { @media (max-width: 900px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
grid-column: 1/span 8; grid-column: 3/span 5;
} }
} }
@media (max-width: 499px) { @media (max-width: 568px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
grid-column: 1/span 8; grid-column: 1/span 8;
} }
@@ -1297,17 +1297,18 @@ a {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second {
flex: 0 1 50%; flex: 0 1 50%;
} }
@media (max-width: 568px) { @media (max-width: 900px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second {
width: 80%; width: 100vw;
} }
} }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second {
width: 90%; width: 90%;
} }
@media (max-width: 810px) { @media (max-width: 900px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second {
width: 100%; width: 90%;
margin: auto;
} }
} }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodebody p { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodebody p {
@@ -1372,6 +1373,7 @@ a {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap;
} }
@media (max-width: 568px) { @media (max-width: 568px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-partenaires .field__items { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-partenaires .field__items {
web/themes/custom/eql/scss/pages/_actualite.scss
+11 -7
View File
@@ -116,13 +116,14 @@
} }
} }
@media (max-width: 900px){
grid-column: 3 /span 5;
}
@media (max-width: 568px){ @media (max-width: 568px){
grid-column: 1 /span 8; grid-column: 1 /span 8;
} }
@media (max-width: 499px){
grid-column: 1 /span 8;
}
blockquote{ blockquote{
font-size: 0.8rem; font-size: 0.8rem;
text-align: center; text-align: center;
@@ -186,13 +187,15 @@
} }
.layout__region--second{ .layout__region--second{
flex: 0 1 50%; flex: 0 1 50%;
@media (max-width: 568px){ @media (max-width: 900px){
width: 80%; width: 100vw;
} }
.block-region-second{ .block-region-second{
width: 90%; width: 90%;
@media (max-width:810px) { @media (max-width:900px) {
width: 100%; width: 90%;
margin: auto;
} }
.block-entity-fieldnodebody{ .block-entity-fieldnodebody{
@@ -270,6 +273,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap;
@media (max-width: 568px){ @media (max-width: 568px){
flex-direction: column; flex-direction: column;
} }