Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

zam rumfrickelei

Browse Source
This commit is contained in:
reverend 2020-08-04 23:47:39 +02:00
parent 8f2e607b61
commit ba56976420
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/03_Organisms/header/_header.scss
View File

@ -1,24 +1,27 @@
$-logo-height: 45px;
.LP-Header { .LP-Header {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-bottom: 70px;
height: 60px; height: 60px;
box-shadow: 0 0 2px $-light-brown;
&__Navigation{ &__Navigation{
flex-grow: 2; flex-grow: 2;
} }
&__Logo { &__Logo {
height: 60px; height: $-logo-height;
margin: 25px; margin: 25px;
object-fit:cover; object-fit:cover;
max-height: 100%; max-height: 100%;
width: 225px;
overflow: hidden; overflow: hidden;
flex-shrink: 0; flex-shrink: 0;
.LP-Image{ .LP-Image{
height: 60px; height: 100%;
} }
} }
} }
@ -38,7 +41,7 @@
@media(max-width: $-viewport-medium){ @media(max-width: $-viewport-medium){
.LP-Header__Logo{ .LP-Header__Logo{
width: 60px; width: $-logo-height;
.LP-Image{ .LP-Image{
object-position: 0 0; object-position: 0 0;
object-fit: cover; object-fit: cover;