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

taille header

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-09-20 23:07:52 +02:00
parent 28656159e4
commit 99d05401b8
3 changed files with 39 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/themes/custom/quartiers_de_demain/src/assets/scss/global/_layout.scss
View File

@@ -1,6 +1,6 @@
$header-height : 270px;
$header-height-pad : 110px;
$header-height-pad : 160px;
$header-height-small : 70px;
$header-height-ultrasmall : 50px;
$width-menu-slidedown : 550px;

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

@@ -49,6 +49,9 @@ header{
.field_field_logo{
width: 90%;
margin: auto;
@media(max-width: 1650px){
width: 80%;
}
.qdd-header{
width: 100%;
}
@@ -116,6 +119,9 @@ header{
transform: translateX(0);
transition: transform 0.3s ease-in-out;
z-index: -1 ;
@media(max-width: 1090px){
text-align:left;
}
@media(max-width: 500px){
flex: 0 0 40%;
}
@@ -133,6 +139,9 @@ header{
padding-left: 1rem;
padding-right: 1rem;
margin: 0;
@media(max-width: 1200px){
top:0;
}
@media(max-width: 810px){
top: calc($header-height-pad / 4 );
align-items: center;
@@ -143,12 +152,11 @@ header{
padding-top: 0.3rem;
}
a{
text-transform: uppercase;
color: white;
font-size: 0.5rem;
@media(max-width:1090px){
font-size: 0.9rem;
font-size: 0.6rem;
}
@media(max-width: 500px){
display: flex;
@@ -200,6 +208,9 @@ header{
width: 45%;
transform-origin: bottom right;
transition: all 1s ease-in-out;
@media(max-width: 1600px) {
height: $header-height-pad;
}
.qdd-header{
opacity: 1 !important;
}