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

css lessites

This commit is contained in:
ouidade 2024-11-05 21:15:16 +01:00
parent b3b736a1a3
commit c6d86df3bb
2 changed files with 37 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@ -3234,23 +3234,27 @@ main {
#lessites .content_container .view .header_view #block-sitesmap-block {
margin: auto;
}
#lessites .content_container #lessites .views-row-wrapper {
/* styles spécifiques à la page */
padding: 10px;
border: 1px solid #ccc;
#lessites .content_container .view .views-row-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 85%;
margin: auto;
gap: 20px;
}
#lessites .content_container #lessites .views-row-wrapper .views-row {
width: 20%;
#lessites .content_container .view .views-row-wrapper .views-row {
width: 18%;
margin-bottom: 2rem;
}
#lessites .content_container #lessites .views-row-wrapper .views-row .views-field-title .field-content a {
#lessites .content_container .view .views-row-wrapper .views-row .views-field-title .field-content a {
color: rgb(7, 50, 194);
font-family: "gilroy-bold";
padding-top: 0.5rem;
}
#lessites .content_container #lessites .views-row-wrapper .views-row .views-field-field-images .field-content img {
width: 200px;
height: 200px;
#lessites .content_container .view .views-row-wrapper .views-row .views-field-field-images .field-content img {
width: 100%;
height: auto;
aspect-ratio: 1/1;
object-fit: cover;
}

44
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lessites.scss
View File

@ -43,29 +43,31 @@ main{
}
}
#lessites .views-row-wrapper {
/* styles spécifiques à la page */
padding: 10px;
border: 1px solid #ccc;
.views-row{
width: 20%;
margin-bottom: 2rem;
.views-field-title .field-content a{
color: $blue_QDD;
font-family: "gilroy-bold";
padding-top: 0.5rem;
}
.views-field-field-images .field-content img{
width: 200px;
height: 200px;
object-fit: cover;
.views-row-wrapper{
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 85%;
margin: auto;
gap: 20px;
.views-row{
width: 18%;
margin-bottom: 2rem;
.views-field-title .field-content a{
color: $blue_QDD;
font-family: "gilroy-bold";
padding-top: 0.5rem;
}
.views-field-field-images .field-content img{
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
object-fit: cover;
}
}
}
}
}
}