From e652bae8249fd82d58eac6155549f61db0880631 Mon Sep 17 00:00:00 2001
From: Jannik Beyerstedt <code@jannikbeyerstedt.de>
Date: Sun, 16 Oct 2016 11:26:18 +0200
Subject: [PATCH] [SITE CSS] adjusted frontpage vertical spacing

---
 assets/css/main.css               |   8 ++++----
 assets/css/templates/home.css     |   9 +++++++--
 assets/css/templates/home.css.map | Bin 941 -> 2963 bytes
 assets/scss/main.scss             |   6 +++---
 assets/scss/templates/home.scss   |  14 ++++++++++++--
 5 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 01b374e..9173d00 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -135,8 +135,8 @@ nav {
 
 footer {
   margin-top: 20px;
-  padding-top: 20px;
-  padding-bottom: 20px;
+  padding-top: 15px;
+  padding-bottom: 10px;
   min-width: inherit;
   background-color: #bebebe;
   color: #000; }
@@ -171,12 +171,12 @@ html {
 @media (min-width: 576px) {
   body {
     /* Margin bottom by footer height */
-    margin-bottom: 115px; }
+    margin-bottom: 100px; }
   footer {
     position: absolute;
     bottom: 0;
     width: 100%;
-    height: 85px; } }
+    height: 70px; } }
 
 @media (max-width: 575px) {
   body {
diff --git a/assets/css/templates/home.css b/assets/css/templates/home.css
index 0010378..ed4f60f 100644
--- a/assets/css/templates/home.css
+++ b/assets/css/templates/home.css
@@ -3,8 +3,8 @@
  */
 main div.home {
   text-align: center;
-  margin-top: 17%;
-  margin-bottom: 20%; }
+  margin-top: 15vh;
+  margin-bottom: 20vh; }
   main div.home div.logo {
     font-family: 'Boon-Logo', "Verdana", "Arial", sans-serif;
     font-size: 24.5px;
@@ -25,4 +25,9 @@ main div.home {
     font-size: 14px;
     letter-spacing: -0.02em; }
 
+@media (max-width: 575px) {
+  main div.home {
+    margin-top: 13vh;
+    margin-bottom: 17vh; } }
+
 /*# sourceMappingURL=home.css.map */
\ No newline at end of file
diff --git a/assets/css/templates/home.css.map b/assets/css/templates/home.css.map
index 1082f36addaefd380b5b7ad57c34ff62c984246b..792380226618edce1ac2196f0944d7037b6138b6 100644
GIT binary patch
literal 2963
zcmbtWO>f&U488YP6gk@o_Hmj|wCg5W8Z>Fp&!H$}TXwYCk|8N+(P966l-wl7;I*|D
z<YJnSk9;I0|2jH89&D*pOz^?C<1e0h&RI$EVXzhz9i~bRtW}APOsT>bKhO!?hQks5
z6*`PGt?H6!szw%LY!<Zl+EShgsYZzqT4_n@2KSI|lor+S<A5!Zj3gyhJunq}X1ohv
zbAPA^;|^h)sH2BOQu0^}#&s9PKMLQ0*8;`=cquy=t4Kln!!#-SgCtc{`#2NYB~wJR
z7l%|;Dk<eYYMZ&xx{+#<__@HDbX7^yXWbubP(E(ZnkeQ#ZQ*N{IjC%*T5foX%iBM3
zQc~$qZ?e%^bS~sO+maHQIS5pff^nkpi0fZs$&|}p8<<~6v8nr0a<cU^w#9}zoD8{;
zm5W4D6u7DmNZgr{`cgdgFEk<PqtS?GzCC}r%Pa|rI{A`h%w=s01EfwzcUn>+bN1Z7
z?n1K6&n2nolaP;Y`2MK86y#N4yua_;cX}kaMiI=_-q<Tr*NhkDvL68cf?y2sH~?72
z-V|W!MF5dE1{izhwKoHp8QUU=AzFBs0GD125PNfgb7SLS%ZL$X#`rVz2mon3jS(YG
z?(og*>`j&~=5-iM4fQp^brbM2=JPc&)|V4+1+Z#mgvK&#`C|Ta<B4e=0$_PlG{%^w
zt<M%@b4SlRQ`-Cx5>sC+(0g^!JN0Of&|xr#X!1%o)nV+N8v*CvH(~ZyW=MFNp!;~T
zhj;1HZL>YJowKb%r9Oqh5~3^b7T~t2%4&kPy4@wyPs4nJ%+tI7VqW4jnVD&rFT4~W
zZJ6=R3Q10|r!k!8@33Hq$izuZ1EDo$yQX5N5AEOeZymM>QRF2OPPSnXz)XabeRI!R
nP%{KUe0Fv7W<q8Na5@evuw(3+_R~f4ZO!p4uwT~qN5B67pb43f

delta 101
zcmbO%zLtGL#>9V;lfSWBF?vrn<Zw}TcXaf$c6D^laMDS1bWGH7b#!#q0SN*Lj|iZQ
zx6fodF2l(uIWF@$=Q+9R_&YlKTl>1?Z(hln&M2g$!=<30l$V&BTC8NH5FN`^3jj$z
B9uWWl

diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index deb6e5c..33d3560 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -186,8 +186,8 @@ nav {
 $footer_logoHeight: 1.4rem;
 footer {
   margin-top: 20px;
-  padding-top: 20px;
-  padding-bottom: 20px;
+  padding-top: 15px;
+  padding-bottom: 10px;
   
   min-width: inherit;
 
@@ -227,7 +227,7 @@ footer {
 }
 
 /* make footer sticky */
-$footer_height:    85px;
+$footer_height:    70px;
 $footer_height_xs: 175px;
 $footer_margin:    30px;
 html {
diff --git a/assets/scss/templates/home.scss b/assets/scss/templates/home.scss
index b5eadf8..f348d3f 100644
--- a/assets/scss/templates/home.scss
+++ b/assets/scss/templates/home.scss
@@ -1,14 +1,17 @@
 /* STYLE for jannikbeyerstedt.de
  * for specific template
  */
+@import "custom";
+@import "variables";
+@import "mixins";
 
 @import "../mainvariables";
 
 main {
   div.home {
     text-align: center;
-    margin-top: 17%;
-    margin-bottom: 20%;
+    margin-top: 15vh;
+    margin-bottom: 20vh;
 
     div.logo {
       font-family: 'Boon-Logo', "Verdana", "Arial", sans-serif;
@@ -41,3 +44,10 @@ main {
 
   }
 }
+
+@include media-breakpoint-down(xs) {
+  main div.home {
+    margin-top: 13vh;
+    margin-bottom: 17vh;
+  }
+}