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

vm css footer

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-07-12 22:06:26 +02:00
parent 4c1ac30bdf
commit abdae701ec
11 changed files with 126 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
View File

@@ -239,8 +239,8 @@
font-size: 1rem;
padding-top: 3rem;
border-top: solid 1px #0833c2ff;
}
p{
padding-right: 1rem;
padding-bottom: 1rem;

57
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss
View File

@@ -2,13 +2,17 @@ footer{
z-index: 100;
}
.footer{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(1, 1fr);
display: flex;
flex-direction: row;
// display: grid;
// grid-template-columns: repeat(12, 1fr);
// grid-template-rows: repeat(1, 1fr);
background-color: #edefe8;
padding-top: 1rem;
padding-bottom: 1rem;
@media(max-width: 700px){
flex-direction: column-reverse;
}
section{width: fit-content;}
h2, ul{margin: 0;}
// border-top: 1px solid #808080;
@@ -22,10 +26,11 @@ footer{
}
#footer-left{
grid-column: 1 /span 5;
grid-row: 1;
// grid-column: 1 /span 5;
// grid-row: 1;
@media (max-width: 500px){
max-width: 25%;
// flex: 1 100%;
width: 100%;
}
.footer_left_container{
@@ -33,7 +38,7 @@ footer{
padding-left: 3rem;
.logo-qdd{display: none;}
@media(max-width: 700px){
max-width: 50vw;
// max-width: 50vw;
}
@media (max-width: 500px){
padding-left: 15%;
@@ -45,38 +50,60 @@ footer{
height: fit-content;
margin: auto;
padding-left: 2rem;
@media(max-width: 700px){
padding-left: 0;
}
img{
width: auto;
height: 65px;
height: 40px;
padding-left: 1rem;
padding-bottom: 1rem;
@media(max-width: 700px){
height: 30px;
padding-left: 0;
padding-bottom: 0;
}
}
}
img{
width: auto;
height: 150px;
height: 90px;
@media(max-width: 700px){
height: 60px;
}
}
}
}
.first-row{
// grid-column: 6 /span 12;
flex: 1 60%;
justify-content: space-evenly;
display: flex;
flex-direction: row;
}
#footer-middle{
grid-column: 6 /span 7;
grid-row: 1;
// grid-column: 6 /span 7;
// grid-row: 1;
#block-quartiers-de-demain-pieddepage{
ul li{
padding-bottom: 0.2rem;
}
@media(max-width: 700px){
ul{
padding-left: 00.5rem;
padding-left: 0rem;
}
}
}
font-size: 0.6rem;
}
#footer-right{
grid-column: 10 / 12;
grid-row: 1;
// grid-column: 10 / 12;
// grid-row: 1;
@media (max-width: 700px){
display: flex;
justify-content: flex-end;