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

line-height header

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi 2025-04-07 22:52:31 +02:00
parent 33edc88d09
commit 3307579d10
2 changed files with 22 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -442,6 +442,12 @@ header[role=banner] .header_nav_container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@media (max-width: 810px) {
header[role=banner] .header_nav_container {
height: 200px;
top: -30px;
}
}
@media (max-width: 500px) { @media (max-width: 500px) {
header[role=banner] .header_nav_container { header[role=banner] .header_nav_container {
flex: 0 0 40%; flex: 0 0 40%;
@ -484,6 +490,11 @@ header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul l
padding-top: 0.3rem; padding-top: 0.3rem;
} }
} }
@media (max-width: 810px) {
header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul li {
line-height: 1.3rem;
}
}
header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul li a { header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul li a {
text-transform: uppercase; text-transform: uppercase;
color: white; color: white;

12
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
View File

@ -195,8 +195,12 @@ header[role="banner"]{
@media(max-width: 1090px){ @media(max-width: 1090px){
// text-align:left; // text-align:left;
// height: fit-content; // height: fit-content;
}
@media(max-width: 810px){
height: 200px;
top: -30px;
} }
@media(max-width: 500px){ @media(max-width: 500px){
flex: 0 0 40%; flex: 0 0 40%;
} }
@ -232,7 +236,13 @@ header[role="banner"]{
} }
@media(max-width: 1090px){ @media(max-width: 1090px){
padding-top: 0.3rem; padding-top: 0.3rem;
} }
@media(max-width: 810px){
line-height: 1.3rem;
}
a{ a{
text-transform: uppercase; text-transform: uppercase;
color: white; color: white;