From 32b18e9141aa1cfcd40f3a1525e015a78d238925 Mon Sep 17 00:00:00 2001
From: Alberto Valverde <alberto@toscat.net>
Date: Thu, 26 Jan 2017 20:40:53 +0100
Subject: [PATCH] Configurable toolbar top offset.

For facilitate embeding in other apps.
---
 src/styles/_components.scss | 4 ++--
 src/styles/_layout.scss     | 8 ++++----
 src/styles/_toolbar.scss    | 2 +-
 src/styles/index.scss       | 1 +
 4 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/styles/_components.scss b/src/styles/_components.scss
index 67447e4..e778ae5 100644
--- a/src/styles/_components.scss
+++ b/src/styles/_components.scss
@@ -1,10 +1,10 @@
 // MAP
 .maputnik-map {
   position: fixed !important;
-  top: 40px;
+  top: $toolbar-height + $toolbar-offset;
   right: 0;
   bottom: 0;
-  height: calc(100% - $toolbar-height);
+  height: calc(100% - #{$toolbar-height + $toolbar-offset});
   width: 75%;
 }
 
diff --git a/src/styles/_layout.scss b/src/styles/_layout.scss
index 2a88609..8ec0e60 100644
--- a/src/styles/_layout.scss
+++ b/src/styles/_layout.scss
@@ -17,8 +17,8 @@
   &-list {
     position: fixed;
     bottom: 0;
-    height: calc(100% - $toolbar-height);
-    top: 40px;
+    height: calc(100% - #{$toolbar-height + $toolbar-offset});
+    top: $toolbar-height + $toolbar-offset;
     left: 0;
     z-index: 3;
     width: 200px;
@@ -29,8 +29,8 @@
   &-drawer {
     position: fixed;
     bottom: 0;
-    height: calc(100% - $toolbar-height);
-    top: 40px;
+    height: calc(100% - #{$toolbar-height + $toolbar-offset});
+    top: $toolbar-height + $toolbar-offset;
     left: 200px;
     z-index: 1;
     width: 350px;
diff --git a/src/styles/_toolbar.scss b/src/styles/_toolbar.scss
index 9b4c208..e945964 100644
--- a/src/styles/_toolbar.scss
+++ b/src/styles/_toolbar.scss
@@ -5,7 +5,7 @@
   width: 100%;
   z-index: 100;
   left: 0;
-  top: 0;
+  top: $toolbar-offset;
   background-color: $color-black;
 }
 
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 5bcb541..086199c 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -18,6 +18,7 @@ $font-size-6: 12px;
 $font-family: Roboto, sans-serif;
 
 $toolbar-height: 40px;
+$toolbar-offset: 0px;
 
 @import 'mixins';
 @import 'reset';