taille logo quartier 2 demain

This commit is contained in:
2026-02-01 19:29:29 +01:00
parent 4cbb80d6fb
commit ac3a7678aa
3 changed files with 24 additions and 9 deletions

View File

@@ -383,11 +383,16 @@ header[role=banner] .header_left_container #block-quartiers-de-demain-logoquarti
header[role=banner] .header_left_container img {
width: auto;
margin: auto;
height: calc(200px - 3rem);
height: calc(200px - 4rem);
padding: 2rem;
transition: height 0.3s;
}
@media (max-width: 1000px) {
@media (min-width: 1600px) {
header[role=banner] .header_left_container img {
height: calc(200px - 3rem);
}
}
@media (max-width: 1200px) {
header[role=banner] .header_left_container img {
height: calc(160px - 4rem);
}
@@ -4414,6 +4419,12 @@ body {
width: 220px;
height: 145px;
}
@media (max-width: 1500px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama .cadre-img-zoom img {
width: 150px;
height: auto;
}
}
@media (max-width: 810px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama .cadre-img-zoom img {
width: 100%;
@@ -4422,7 +4433,7 @@ body {
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama .image-field-caption {
margin: 0;
max-width: 200px;
max-width: 220px;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama .image-field-caption p {
margin-top: 0;

View File

@@ -335,6 +335,10 @@
object-fit: cover;
width: 220px;
height: 145px;
@media (max-width:1500px){
width: 150px;
height: auto;
}
@media (max-width:810px){
width: 100%;
height: auto;
@@ -343,7 +347,7 @@
}
.image-field-caption{
margin: 0;
max-width: 200px;
max-width: 220px;
p{
margin-top: 0;
font-size: 0.5rem;
@@ -351,7 +355,7 @@
@media(max-width: 810px){
font-size:0.8rem;
}
}
}
}
}

View File

@@ -125,16 +125,16 @@
img {
width: auto;
margin: auto;
height: calc($header-height - 3rem);
height: calc($header-height - 4rem);
padding: 2rem;
transition: height 0.3s;
@media (max-width: 1700px) {
// height: calc($header-height - 6rem);
}
@media (max-width: 1300px) {
// height: calc($header-height - 6rem);
@media (min-width: 1600px) {
height: calc($header-height - 3rem);
}
@media (max-width: 1000px) {
@media (max-width: 1200px) {
height: calc($header-height-pad - 4rem);
// height: $header-height-pad;
}