header-mods #2

Merged
jorge merged 2 commits from header-mods into arc-hive-v01 2021-07-07 14:51:16 +02:00
3 changed files with 18 additions and 7 deletions

File diff suppressed because one or more lines are too long

View File

@ -13,9 +13,15 @@
background-position: center; background-position: center;
} }
.logo { .logo {
@include breakpoint(small){
max-width: 6rem;
margin-top: -3rem; //half of .logo size
}
@include breakpoint(medium){
max-width: 10rem; max-width: 10rem;
margin-top: -5rem; //half of .logo size margin-top: -5rem; //half of .logo size
} }
}
&.arc-hive{ &.arc-hive{
&::before { &::before {
max-width: 10rem; max-width: 10rem;

View File

@ -6,13 +6,15 @@
@include breakpoint(small){ @include breakpoint(small){
@include xy-cell(12); @include xy-cell(12);
@include flex-align(center, middle); @include flex-align(center, middle);
padding: $global-padding*2 $global-padding;
min-width: 14rem;
text-align: center; text-align: center;
} }
@include breakpoint (medium) {
padding: $global-padding*2 $global-padding;
}
@include breakpoint(large){ @include breakpoint(large){
@include xy-cell(shrink); @include xy-cell(shrink);
@include flex-align(left, middle); @include flex-align(left, middle);
// min-width: 14rem;
text-align: unset; text-align: unset;
} }
} }
@ -32,10 +34,13 @@
padding: 0; padding: 0;
font-size: 0.8rem; font-size: 0.8rem;
} }
.menu a { .menu {
justify-content: center;
a {
padding: $global-padding*0.7 $global-padding*0.5; padding: $global-padding*0.7 $global-padding*0.5;
} }
} }
}
@include breakpoint(medium) { @include breakpoint(medium) {
menu { menu {
font-size: $global-font-size*1.5; font-size: $global-font-size*1.5;