added space in small, medium and large screen below header nav menu

This commit is contained in:
jorge 2022-05-03 10:11:16 +02:00
parent 01ae9a2a81
commit 839f7f0b9d
2 changed files with 27 additions and 4 deletions

File diff suppressed because one or more lines are too long

View File

@ -57,20 +57,43 @@
} }
} }
} }
@include breakpoint(large) { @include breakpoint(medium) {
@include xy-cell(auto); @include xy-cell(auto);
@include flex; @include flex;
@include flex-align(right, middle); //@include flex-align(right, middle);
padding-bottom: 0;//$global-padding; //padding-bottom: 0;//$global-padding;
menu { menu {
margin: inherit; margin: inherit;
padding: inherit; padding: inherit;
.menu {
&.dropdown {
li,.button {
font-size: $global-font-size*1.4;//$header-menu-font-size;
}
}
.button {
margin-left: $global-margin/2;
}
}
}
}
@include breakpoint(xlarge) {
// @include xy-cell(auto);
// @include flex;
@include flex-align(right, middle);
padding-bottom: 0;//$global-padding;
menu {
// margin: inherit;
// padding: inherit;
.menu { .menu {
&.dropdown { &.dropdown {
justify-content: end; justify-content: end;
li,.button { li,.button {
font-size: $global-font-size*1.4;//$header-menu-font-size; font-size: $global-font-size*1.4;//$header-menu-font-size;
} }
.button {
margin-left: $global-margin;
}
} }
} }
} }