72 lines
1.6 KiB
SCSS
72 lines
1.6 KiB
SCSS
.footer{
|
|
display: grid;
|
|
grid-template-columns: repeat(12, 1fr);
|
|
grid-template-rows: repeat(1, 1fr);
|
|
background-color: $white-header;
|
|
padding-top: 1rem;
|
|
section{width: fit-content;}
|
|
h2, ul{margin: 0;}
|
|
border-top: 1px solid #808080;
|
|
|
|
|
|
#footer-left{
|
|
grid-column: 1 /span 5;
|
|
grid-row: 1;
|
|
padding-left: 40px;
|
|
.footer_left_container{
|
|
display: flex;
|
|
flex-direction: row;
|
|
#block-quartiers-de-demain-logorepu{
|
|
|
|
}
|
|
#block-quartiers-de-demain-logoepau{
|
|
height: $header-height;
|
|
}
|
|
img{
|
|
width: auto;
|
|
height: $header-height;
|
|
}
|
|
}
|
|
|
|
}
|
|
#footer-middle{
|
|
grid-column: 6 /span 7;
|
|
grid-row: 1;
|
|
#block-quartiers-de-demain-pieddepage{
|
|
ul li{
|
|
padding-bottom: 0.2rem;
|
|
}
|
|
}
|
|
}
|
|
#footer-right{
|
|
grid-column: 10 / 12;
|
|
grid-row: 1;
|
|
#block-quartiers-de-demain-socialmedialinks{
|
|
flex-direction: column;
|
|
h2{
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-size: $font-medium;
|
|
font-weight: 400;
|
|
&::before{
|
|
content: "Nous contacter";
|
|
padding-bottom: 1rem;
|
|
font-weight: 600;
|
|
}
|
|
padding-bottom: 1rem;
|
|
}
|
|
}
|
|
}
|
|
|
|
div{
|
|
@media(max-width: 891px){
|
|
flex-wrap: wrap;
|
|
}
|
|
@media(max-width: 520px){
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
}
|
|
|