bachir/drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

badge laureat twig et css

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-11-28 10:22:43 +01:00
parent 3641c9feff
commit 1e02cc5587
6 changed files with 155 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss
View File

@@ -128,7 +128,7 @@
}
.field_field_laureats{
&:has(.laureat:not(:empty))::before {
&.is-laureat::before {
content: "";
position: absolute;
// display: block;
@@ -397,10 +397,32 @@
border-bottom: solid black 1px;
padding-bottom: 0.5rem;
padding-top: 0.5rem;
transition: transform 0.4s ease-in-out; // animation plus fluide
&:hover {
transform: scale(1.05); /* effet de zoom léger */
}
transition: transform 0.4s ease-in-out;
&:hover {
transform: scale(1.05);
}
.is-laureat{
position: relative;
padding-top: 1.5rem;
::before {
content: "";
position: absolute;
top: 0.5rem;
left: -1.4rem;
width: 2.5rem;
height: 2.5rem;
background-image: url("../img/laureat-ouvert.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: 0;
margin-top: 0.2rem;
}
.field-content{
font-size: 0;
}
}
.views-field-title {
h2 {
font-size: 0.5rem;

45
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
View File

@@ -429,28 +429,12 @@
}
.node-type-projet {
position: relative;
transition: transform 0.4s ease-in-out; // animation plus fluide
&:hover {
transform: scale(1.05); /* effet de zoom léger */
}
&:has(.laureat:not(:empty)){
padding-top: 1.5rem;
transition: transform 0.4s ease-in-out;
&.is-laureat{
padding-top: 1.2rem;
}
&:has(.laureat:not(:empty))::before {
content: "";
position: absolute;
// display: block;
top: -0.1rem; // adapte la position selon ton visuel
left: -1rem;
width: 2.5rem;
height: 2.5rem;
// background-color: #f6f7f3;
background-image: url("../img/laureat-ouvert.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: 0;
margin-top: 0.3rem;
&:hover {
transform: scale(1.05);
}
.node-projet-title{
width: 80%;
@@ -493,6 +477,25 @@
align-items: flex-start;
height: auto;
font-size: 0px;
&.is-laureat{
position: relative;
}
&.is-laureat::before {
content: "";
position: absolute;
// display: block;
top: -3rem; // adapte la position selon ton visuel
left: -1rem;
width: 2.5rem;
height: 2.5rem;
// background-color: #f6f7f3;
background-image: url("../img/laureat-ouvert.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: 0;
margin-top: 0.3rem;
}
}
}