From ecd5948e968f9daa7036644ef9dd80bdf2e5723d Mon Sep 17 00:00:00 2001
From: Dmitry Nehaychik <4dmitr@gmail.com>
Date: Wed, 26 Jul 2017 15:12:48 +0300
Subject: [PATCH] feat(sidebar): sidebar styles

---
 .../@theme/layouts/one-column/one-column.layout.scss   | 10 ++++++++++
 src/app/@theme/styles/variables.scss                   |  3 +++
 2 files changed, 13 insertions(+)

diff --git a/src/app/@theme/layouts/one-column/one-column.layout.scss b/src/app/@theme/layouts/one-column/one-column.layout.scss
index 11574f43..c2432a2e 100644
--- a/src/app/@theme/layouts/one-column/one-column.layout.scss
+++ b/src/app/@theme/layouts/one-column/one-column.layout.scss
@@ -3,6 +3,16 @@
 @include nga-install-root-component() {
 
   nga-sidebar {
+
+    margin-top: nga-theme(sidebar-header-gap);
+
+    /deep/ .scrollable {
+      height: calc(#{nga-theme(sidebar-height)} - #{nga-theme(header-height)} - #{nga-theme(sidebar-header-gap)})!important;
+      border-top-right-radius: 0.75rem;
+    }
+
+    background: transparent;
+
     .main-btn {
       display: block;
       padding: 1rem 3rem;
diff --git a/src/app/@theme/styles/variables.scss b/src/app/@theme/styles/variables.scss
index 4f16613e..ee2f4f36 100644
--- a/src/app/@theme/styles/variables.scss
+++ b/src/app/@theme/styles/variables.scss
@@ -8,12 +8,15 @@ $nga-enabled-themes: (default, light, cosmic);
 
 $nga-themes: nga-register-theme((
  // app wise variables for each theme
+  sidebar-header-gap: 2rem,
 ), default, default);
 
 $nga-themes: nga-register-theme((
   // app wise variables for each theme
+  sidebar-header-gap: 2rem,
 ), cosmic, cosmic);
 
 $nga-themes: nga-register-theme((
   // app wise variables for each theme
+  sidebar-header-gap: 2rem,
 ), light, light);