From f5cd73680d75fa4f7c7612ab24713115f42680d3 Mon Sep 17 00:00:00 2001
From: Hannu Lyytikainen <hannu@sharetribe.com>
Date: Tue, 7 Nov 2017 11:33:42 +0200
Subject: [PATCH] Change negative top positioning for top bar

Use the clac function instead of just using a minus sign in front of the top margin
variable for clarity.
---
 src/containers/LandingPage/LandingPage.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/containers/LandingPage/LandingPage.css b/src/containers/LandingPage/LandingPage.css
index 8ef4dfbe..f61af474 100644
--- a/src/containers/LandingPage/LandingPage.css
+++ b/src/containers/LandingPage/LandingPage.css
@@ -84,13 +84,13 @@
 
   /* Place the bar on top of .sectionContent top margin */
   position: relative;
-  top: -var(--sectionMarginTopMobile);
+  top: calc(-1 * var(--sectionMarginTopMobile));
 
   @media (--viewportMedium) {
     width: 192px;
     height: 8px;
 
     /* Place the bar on top of .sectionContent top margin */
-    top: -var(--sectionMarginTop);
+    top: calc(-1 * var(--sectionMarginTop));
   }
 }