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

mobile header & home

Browse Source
This commit is contained in:
ouidade
2023-11-30 12:09:55 +01:00
parent 8b58828e87
commit f7802735cc
3 changed files with 103 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/scss/partials/_footer.scss
+56 -2
View File
@@ -8,6 +8,13 @@ footer{
div{
display: flex;
flex-direction: row;
@media(max-width: 891px){
// // flex-direction: row;
flex-wrap: wrap;
}
@media(max-width: 520px){
flex-direction: column;
}
}
h2{font-size: 1.3rem;}
@@ -16,18 +23,62 @@ footer{
section:not(:first-of-type){
border-left: $yellow-puca solid 5px;
padding-left: 2rem;
@media(max-width: 891px){
margin-left: 1rem;
margin-right: 1rem;
border-left: $yellow-puca solid 2px;
// border-left: none;
// border-top: $yellow-puca solid 2px;
}
@media(max-width: 520px){
margin-left: 1rem;
margin-right: 1rem;
border-left: none;
border-top: $yellow-puca solid 2px;
}
}
section:not(:last-of-type){
padding-right: 5rem;
@media(max-width: 891px){
padding-right: 0;
}
@media(max-width: 520px){
padding-right: 0;
}
}
section:last-of-type{
padding-right: 5rem;
@media(max-width: 891px){
border-top: $yellow-puca solid 2px;
border-left: none;
}
}
}
#footer-left {
margin-left: 10rem;
margin-left: 10%;
@media(max-width: 891px){
margin-left: 1rem;
padding-left: 2rem;
width: 40%;
}
@media(max-width: 520px){
margin-left: 1rem;
padding-left: 2rem;
}
div{
display: flex;
flex-direction: column;
padding-right: 2rem;
// padding-right: 2rem;
// @media(max-width: 891px){
// padding-right: 0;
// }
#block-reha-pieddepage {
ul{
padding-left: 0;
@@ -47,6 +98,9 @@ margin-left: 10rem;
}
#footer-middle{
@media(max-width: 891px){
width: 40%;
}
#block-reha-operateurduprogramme{
display: flex;
flex-direction: column;
web/themes/custom/reha/scss/partials/_header.scss
+3 -3
View File
@@ -12,7 +12,7 @@ header{
top: 0;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
@media (max-width:800px) {
height: 100px;
// height: 100px;
width: 800px;
}
@@ -39,7 +39,7 @@ header{
object-fit: contain;
}
@media (max-width:891px) {
width: 10%;
// width: 10%;
padding-left: 1rem;
}
@@ -69,7 +69,7 @@ header{
flex-direction: column;
height: fit-content;
@media (max-width:891px) {
width: 10%;
// width: 10%;
padding-left: 1rem;
}