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

width region second actu

Browse Source
This commit is contained in:
ouidade
2024-10-10 11:30:36 +02:00
parent 8983836763
commit 376f9e955d
2 changed files with 36 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+18 -5
View File
@@ -1122,6 +1122,11 @@ a {
background: linear-gradient(to bottom, rgba(0, 158, 227, 0.2) 60%, white 40%); background: linear-gradient(to bottom, rgba(0, 158, 227, 0.2) 60%, white 40%);
padding-bottom: 4rem; padding-bottom: 4rem;
} }
@media (max-width: 900px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top {
order: 1;
}
}
@media (max-width: 568px) { @media (max-width: 568px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top {
padding-left: 2rem; padding-left: 2rem;
@@ -1221,6 +1226,11 @@ a {
grid-column: 5/span 3; grid-column: 5/span 3;
width: 600px; width: 600px;
} }
@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 .field--name-field-images {
width: 80%;
}
}
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img {
padding-top: 2rem; padding-top: 2rem;
width: 100%; width: 100%;
@@ -1299,6 +1309,7 @@ a {
} }
@media (max-width: 900px) { @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 {
order: 3;
width: 100vw; width: 100vw;
} }
} }
@@ -1339,7 +1350,7 @@ a {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes .field--type-text-long { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes .field--type-text-long {
padding-right: 2rem; padding-right: 2rem;
} }
@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 .block-entity-fieldnodefield-textes .field--type-text-long { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes .field--type-text-long {
padding-right: 0; padding-right: 0;
} }
@@ -1388,7 +1399,7 @@ a {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-partenaires .field__items .paragraph--type--partenaire .field--name-field-lien { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-partenaires .field__items .paragraph--type--partenaire .field--name-field-lien {
padding-top: 1rem; padding-top: 1rem;
} }
@media (max-width: 810px) { @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 {
flex: 0 1 80%; flex: 0 1 80%;
margin: auto; margin: auto;
@@ -1397,6 +1408,7 @@ a {
@media (max-width: 1005px) { @media (max-width: 1005px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third {
flex: 0 1 100%; flex: 0 1 100%;
order: 2;
} }
} }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third {
@@ -1404,7 +1416,7 @@ a {
flex-direction: column; flex-direction: column;
width: 65%; width: 65%;
} }
@media (max-width: 810px) { @media (max-width: 900px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third {
margin: auto; margin: auto;
} }
@@ -1418,8 +1430,9 @@ a {
min-height: 4rem; min-height: 4rem;
color: rgb(0, 158, 227); color: rgb(0, 158, 227);
padding: 1rem; padding: 1rem;
padding-bottom: 0;
} }
@media (max-width: 810px) { @media (max-width: 900px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .field__item { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .field__item {
width: auto; width: auto;
padding-right: 1rem; padding-right: 1rem;
@@ -1461,7 +1474,7 @@ a {
padding: 1rem; padding: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
@media (max-width: 810px) { @media (max-width: 900px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item {
width: auto; width: auto;
padding-right: 1rem; padding-right: 1rem;
web/themes/custom/eql/scss/pages/_actualite.scss
+18 -7
View File
@@ -12,6 +12,10 @@
.layout__region--top{ .layout__region--top{
background: linear-gradient(to bottom, $background-actus 60%, white 40%); background: linear-gradient(to bottom, $background-actus 60%, white 40%);
padding-bottom: 4rem; padding-bottom: 4rem;
@media (max-width: 900px) {
order: 1;
}
@media (max-width: 568px){ @media (max-width: 568px){
padding-left: 2rem; padding-left: 2rem;
padding-right: 2rem; padding-right: 2rem;
@@ -104,7 +108,12 @@
.block-entity-fieldnodefield-images{ .block-entity-fieldnodefield-images{
order: 6; order: 6;
grid-column: 5 / span 3; grid-column: 5 / span 3;
width: 600px; width: 600px;
.field--name-field-images{
@media (max-width: 568px){
width: 80%;
}
}
img{ img{
padding-top: 2rem; padding-top: 2rem;
@@ -189,6 +198,7 @@
// flex: 0 1 50%; // flex: 0 1 50%;
width: 50%; width: 50%;
@media (max-width: 900px){ @media (max-width: 900px){
order: 3;
width: 100vw; width: 100vw;
} }
@@ -229,9 +239,8 @@
} }
.field--type-text-long{ .field--type-text-long{
padding-right: 2rem; padding-right: 2rem;
@media (max-width: 810px) { @media (max-width: 900px) {
padding-right: 0; padding-right: 0;
} }
} }
p{ p{
@@ -293,7 +302,7 @@
} }
} }
@media (max-width: 810px){ @media (max-width: 900px){
flex: 0 1 80%; flex: 0 1 80%;
margin: auto; margin: auto;
@@ -305,12 +314,13 @@
// margin-top: 18rem; // margin-top: 18rem;
@media (max-width: 1005px){ @media (max-width: 1005px){
flex: 0 1 100%; flex: 0 1 100%;
order: 2;
} }
.block-region-third{ .block-region-third{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 65%; width: 65%;
@media (max-width: 810px){ @media (max-width: 900px){
margin: auto; margin: auto;
} }
.field--name-field-fichiers{ .field--name-field-fichiers{
@@ -324,8 +334,9 @@
// background: $white; // background: $white;
color: $blue-light; color: $blue-light;
padding: 1rem; padding: 1rem;
padding-bottom: 0;
@media(max-width:810px){ @media(max-width:900px){
width: auto; width: auto;
padding-right: 1rem; padding-right: 1rem;
} }
@@ -369,7 +380,7 @@
color: $blue-light; color: $blue-light;
padding: 1rem; padding: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
@media(max-width:810px){ @media(max-width:900px){
width: auto; width: auto;
padding-right: 1rem; padding-right: 1rem;
} }