From 34a662169db8aa1b1abc3aad16cb962f6b765431 Mon Sep 17 00:00:00 2001
From: Luca <Luca@hackerspace-bamberg.de>
Date: Sun, 10 Jul 2022 22:56:41 +0200
Subject: [PATCH] Fix header background size

---
 assets/_vars.scss | 1 +
 assets/style.scss | 7 ++++---
 2 files changed, 5 insertions(+), 3 deletions(-)
 create mode 100644 assets/_vars.scss

diff --git a/assets/_vars.scss b/assets/_vars.scss
new file mode 100644
index 0000000..ef3610d
--- /dev/null
+++ b/assets/_vars.scss
@@ -0,0 +1 @@
+$header-height: 150px;
diff --git a/assets/style.scss b/assets/style.scss
index e7eca74..00a055e 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -1,6 +1,7 @@
 @import 'breakpoints';
 @import 'colors';
 @import 'fonts';
+@import 'vars';
 
 * {
 	box-sizing: border-box;
@@ -69,14 +70,14 @@ header {
 	}
 
 	@media screen and (min-width: $small) {
-		margin-top: 150px;
+		margin-top: $header-height;
 		padding-top: 0.5rem;
 
 		&::before {
-			background: url(/header.svg) 50% 0% / contain no-repeat;
+			background: url(/header.svg) 50% 0% / auto $header-height no-repeat;
 			content: '';
 			display: block;
-			height: 150px;
+			height: $header-height;
 			left: 0;
 			position: absolute;
 			top: 0;