les sites pilotes

This commit is contained in:
2024-06-25 00:09:29 +02:00
parent f9afd049ea
commit ed75c51849
6 changed files with 75 additions and 24 deletions
@@ -7,7 +7,7 @@
padding: 2rem;
margin-right: 1rem;
width: 20vw;
margin-left: 12%;
margin-left: 15%;
padding-top: 0.5rem;
padding-left: 0.8rem;
padding-bottom: 5rem;
@@ -52,16 +52,12 @@
grid-column: 2/span 10;
width: 100%;
img {
// width: 70%;
// // object-fit: cover;
// height: auto;
max-height: 500px;
width: 100%;
object-fit: cover;
}
}
.infos-content-site{
// border: solid $yellow-puca 1px;
background-color: $white-button;
width: 20vw;
order: 2;
@@ -1,13 +1,22 @@
.block-page-title-block{
padding-left: 1rem;
h1{
font-weight: 1000;
}
}
.view-display-id-page_1{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
article{
padding-bottom: 0.7rem;
}
.views-row{
width: 30%;
width: 28%;
padding: 1rem;
.node-type-site{
margin: auto;
@@ -72,6 +81,22 @@
order: 4;
// padding-top: 1rem;
font-size: 1.3rem;
.field__items{
display: flex;
flex-direction: row;
flex-wrap: wrap;
.field__item{
display: inline;
&::after{
content:',';
padding-right: 0.5rem;
}
}
}
.field__item:last-of-type::after {
content: '';
}
}
ul.links{
order: 5;
@@ -98,6 +123,8 @@
background-color: transparent;
p:first-of-type{
font-size: 2rem;
padding-left: 1rem;
// font-weight: 1000;
}
.view-display-id-block_2{
display: flex;
@@ -105,33 +132,32 @@
flex-wrap: wrap;
.views-row{
width: 30%;
padding: 1rem;
// padding: 1rem;
.node-type-site{
margin: auto;
display: flex;
flex-direction: column;
width: 100%;
background-color: transparent;
.infos-content-site{
// border: solid $yellow-puca 1px;
// background-color: transparent;
background-color: transparent;
order: 2;
display: flex;
flex-direction: column;
padding-top: 0.5rem;
padding-left: 1rem;
padding-left: 0rem;
padding-right: 1rem;
h2{
order: 2;
margin: 0;
font-size: 1.8rem;
font-weight: 900;
}
.field--name-field-lettre-de-site {
order: 1;
text-transform: uppercase;
font-size: 1rem;
font-weight: 200;
font-weight: 400;
&::before{
content:'SITE';
padding-right: 0.5rem;
@@ -140,9 +166,10 @@
.field--name-field-adresse-site{
order: 3;
line-height: 1.3rem;
font-weight: 400;
font-weight: 400 !important;
p.address{
padding-left: 0;
margin: 0;
display: inline-flex;
font-size: 1.3rem;
@@ -156,8 +156,8 @@ $slick-opacity-not-active: 0.25 !default;
li {
position: relative;
display: inline-block;
height: 50px;
width: 50px;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;