arcHIVE-tech/arc-hive-HTML-template
arcHIVE-tech
/
arc-hive-HTML-template
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

mods in logo size and possiton. mods in nav menu

This commit is contained in:
jorge 2021-07-13 19:47:43 +02:00
parent c4bfadae9b
commit ed70df2b09
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/assets/scss/global/_branding.scss
View File

@ -5,7 +5,7 @@
&::before { &::before {
content: ''; content: '';
display:inline-block; display:inline-block;
margin-top:-$global-padding; //margin-top:-$global-padding;
width: 100%; width: 100%;
height: $global-padding*5; height: $global-padding*5;
background-size: contain; background-size: contain;
@ -18,6 +18,7 @@
} }
&.arc-hive{ &.arc-hive{
&::before { &::before {
width: 10rem;
max-width: 10rem; max-width: 10rem;
background-image: url('../img/ARC-HIVE-logo.svg'); background-image: url('../img/ARC-HIVE-logo.svg');
} }

13
src/assets/scss/modules/_header.scss
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,8 +34,11 @@
padding: 0; padding: 0;
font-size: 0.8rem; font-size: 0.8rem;
} }
.menu a { .menu {
padding: $global-padding*0.7 $global-padding*0.5; justify-content: center;
a {
padding: $global-padding*0.7 $global-padding*0.5;
}
} }
} }
@include breakpoint(medium) { @include breakpoint(medium) {