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

/lesprojets pictos sur nodesite dans /lesprojets

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-11-07 16:12:38 +01:00
parent 5ba2e6ef8a
commit 59e4008541
12 changed files with 689 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lesprojets.scss
View File

@@ -37,18 +37,143 @@ main{
padding-top: 2rem;
margin-left: 2rem;
margin-right: 2rem;
.views-field-group{
.views-field-group {
width: 18%;
margin-bottom: 2rem;
font-size: 0.4rem ;
@media(max-width: 810px){
width: 45%;
font-size: 0.4rem;
position: relative; // important pour positionner le ::before
&.marseille::before {
content: "";
position: absolute;
top: -1rem;
left: -1rem;
width: 3rem;
height: 3rem;
background-image: url("../img/pictos_sites/marseille.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
pointer-events: none; // si tu ne veux pas bloquer les clics
}
@media(max-width: 550px){
font-size: 0.7rem ;
&.sedan::before {
content: "";
position: absolute;
top: -1rem;
left: -1rem;
width: 3rem;
height: 3rem;
background-image: url("../img/pictos_sites/sedan.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
pointer-events: none; // si tu ne veux pas bloquer les clics
}
&.lodève::before {
content: "";
position: absolute;
top: -1rem;
left: -1rem;
width: 3rem;
height: 3rem;
background-image: url("../img/pictos_sites/lodeve.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
pointer-events: none; // si tu ne veux pas bloquer les clics
}
&.colmar::before {
content: "";
position: absolute;
top: -1rem;
left: -1rem;
width: 3rem;
height: 3rem;
background-image: url("../img/pictos_sites/colmar.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
pointer-events: none; // si tu ne veux pas bloquer les clics
}
&.manosque::before {
content: "";
position: absolute;
top: -1rem;
left: -1rem;
width: 3rem;
height: 3rem;
background-image: url("../img/pictos_sites/manosque.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
pointer-events: none; // si tu ne veux pas bloquer les clics
}
&.pessac::before {
content: "";
position: absolute;
top: -1rem;
left: -1rem;
width: 3rem;
height: 3rem;
background-image: url("../img/pictos_sites/pessac.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
pointer-events: none; // si tu ne veux pas bloquer les clics
}
&.corbeil-essones::before {
content: "";
position: absolute;
top: -1rem;
left: -1rem;
width: 3rem;
height: 3rem;
background-image: url("../img/pictos_sites/corbeil-essones.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
pointer-events: none; // si tu ne veux pas bloquer les clics
}
&.caen::before {
content: "";
position: absolute;
top: -1rem;
left: -1rem;
width: 3rem;
height: 3rem;
background-image: url("../img/pictos_sites/caen.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
pointer-events: none; // si tu ne veux pas bloquer les clics
}
&.le-mans::before {
content: "";
position: absolute;
top: -1rem;
left: -1rem;
width: 3rem;
height: 3rem;
background-image: url("../img/pictos_sites/le-mans.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
pointer-events: none; // si tu ne veux pas bloquer les clics
}
&.coulommiers::before {
content: "";
position: absolute;
top: -1rem;
left: -1rem;
width: 3rem;
height: 3rem;
background-image: url("../img/pictos_sites/coulommiers.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
pointer-events: none; // si tu ne veux pas bloquer les clics
}
.views-field-title{
h2{
margin: 0;
@@ -113,6 +238,10 @@ main{
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
div{
background-color: #f6f7f3;
}
.field-content{
ul{