teaser projets en images

This commit is contained in:
2025-06-10 13:31:24 +02:00
parent 16193a5ea4
commit df00cbbd5e
3 changed files with 25 additions and 4 deletions
@@ -463,6 +463,12 @@
// width: 80%;
// border-top: solid 1px rgba(0, 0, 0, 0.3);
}
.view-type-slide.type-les-projets-en-images{
.slick-list{
padding-left: 0 !important;
}
}
.view-type-slide.type-presse{
order: 5;
&::before{
@@ -273,10 +273,11 @@ article.node-type-ressource{
article.node-type-ressource.type-les-projets-en-images {
.wrapper-ressource {
display: grid;
grid-template-columns: 3fr 1fr !important; // ✅ 85% pour image, 15% pour texte
grid-template-columns: 2fr 1fr !important; // ✅ 85% pour image, 15% pour texte
width: 100%; // ✅ force la grille à s'étaler sur toute la ligne
max-width: 100%; // ✅ limite d'expansion
gap: 1rem;
// gap: 1rem;
column-gap: 1rem;
align-items: start;
@media (max-width: 479px) {
display: flex;
@@ -290,12 +291,14 @@ article.node-type-ressource{
img {
width: 100%;
height: auto;
margin-top: 1rem;
object-fit: cover;
border: 1px solid #ccc;
}
.field__item{
height: fit-content;
@media (max-width: 479px) {
// margin-bottom: 4rem;
height: auto;
@@ -325,7 +328,9 @@ article.node-type-ressource{
margin: 0;
}
.field--name-title{
// h2{font-size: 0.9rem;}
grid-row: 3;
margin-bottom: 0.5rem;
}
.field--name-field-sous-titre{
grid-row: 4;
@@ -335,6 +340,7 @@ article.node-type-ressource{
}
.field--name-field-edition{
grid-row: 6;
line-height: 1;
}
.field--name-field-date-de-parution{
grid-row: 7;