taille logo quartier 2 demain
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user