From fe1f189b89652883b26292c88d31f2905c1a5915 Mon Sep 17 00:00:00 2001
From: chomik <codecalm@gmail.com>
Date: Wed, 17 Apr 2019 09:53:21 +0200
Subject: [PATCH] sidenav init

---
 pages/_includes/layout/sidenav.html |  18 ++---
 pages/_layouts/default.html         |   4 +-
 scss/layout/_sidenav.scss           | 121 ++--------------------------
 3 files changed, 13 insertions(+), 130 deletions(-)

diff --git a/pages/_includes/layout/sidenav.html b/pages/_includes/layout/sidenav.html
index 3dc2253e2..4e816c853 100644
--- a/pages/_includes/layout/sidenav.html
+++ b/pages/_includes/layout/sidenav.html
@@ -1,12 +1,8 @@
-<div class="sidenav">
-	<div class="header">
-		<div class="navbar">
-			<a href="." class="navbar-brand text-default">
-				Tabler UI Kit
-			</a>
-		</div>
-	</div>
-	<h4 class="sidenav-subtitle">Navigation</h4>
-
-	{% include layout/menu.html %}
+<div class="sidenav sidenav-narrow">
+1
 </div>
+{% comment %}
+<div class="sidenav">
+2
+</div>
+{% endcomment %}
diff --git a/pages/_layouts/default.html b/pages/_layouts/default.html
index bb511cc93..0c8339141 100644
--- a/pages/_layouts/default.html
+++ b/pages/_layouts/default.html
@@ -3,9 +3,7 @@ layout: base
 ---
 
 <div class="d-flex h-auto min-h-screen">
-	<div class="d-none">
-		{% include layout/sidenav.html %}
-	</div>
+   {% include layout/sidenav.html %}
 
 	<div class="flex-fill d-flex flex-column mw-100">
 		{% include layout/header.html %}
diff --git a/scss/layout/_sidenav.scss b/scss/layout/_sidenav.scss
index 23b0ae480..36e5b19d9 100644
--- a/scss/layout/_sidenav.scss
+++ b/scss/layout/_sidenav.scss
@@ -1,120 +1,9 @@
-$sidenav-width: 16rem;
-$sidenav-folder-width: 4rem;
-
-@mixin sidenav-folded {
-  flex: 0 0 $sidenav-folder-width;
-  width: $sidenav-folder-width;
-
-  .sidenav-title {
-    display: none;
-  }
-
-  .sidenav-link {
-    position: relative;
-    padding: .75rem 1rem;
-    font-size: 12px;
-    text-align: center;
-
-    .badge {
-      position: absolute;
-      top: .5rem;
-      right: .75rem;
-    }
-  }
-
-  .sidenav-submenu {
-    display: none;
-  }
-
-  .sidenav-link-description {
-    display: none;
-  }
-
-  .sidenav-icon {
-    display: block;
-    width: 1.25rem;
-    height: 1.25rem;
-    margin: 0 auto;
-    stroke-width: 1;
-  }
-}
-
 .sidenav {
-  flex: 0 0 $sidenav-width;
-  width: $sidenav-width;
-  background: #fff;
-  border-right: 1px solid $border-color;
-
-  //background: mix(#fff, $dark, 8%);
-  //color: #fff;
-
-  @include media-breakpoint-down(md) {
-    display: none;
-  }
-
-  @include media-breakpoint-between(md, lg) {
-    @include sidenav-folded;
-  }
-
-  body.sidebar-folded & {
-    @include sidenav-folded;
-  }
+  background: $dark;
+  width: 16rem;
+  outline: 1px solid red;
 }
 
-.sidenav-title {
-  display: block;
-  padding: 25px 30px 20px;
-  font-size: 1.125rem;
-  font-weight: 500;
-  line-height: 1;
-  color: #3e3f42;
-}
-
-.sidenav-subtitle {
-  padding: .5rem 1.5rem;
-  margin: 1rem 0 0;
-  font-size: 13px;
-  font-weight: 600;
-  color: $text-muted;
-  text-transform: uppercase;
-}
-
-.sidenav-menu,
-.sidenav-submenu {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-.sidenav-submenu {
-  display: none;
-  padding-left: 1.5rem;
-}
-
-.sidenav-link {
-  display: flex;
-  align-items: center;
-  padding: .75rem 1.5rem;
-  color: $text-muted;
-  transition: .3s color, .3s background-color;
-
-  &:hover,
-  &.active {
-    color: inherit;
-    text-decoration: none;
-    background: rgba($primary, .05);
-  }
-
-  &.active {
-    color: $primary;
-    border-color: $primary;
-    box-shadow: inset 5px 0 0 -2px $primary;
-  }
-}
-
-.sidenav-icon {
-  width: 1.125rem;
-  height: 1.125rem;
-  stroke-width: 1;
-  margin-right: .5rem;
+.sidenav-narrow {
+  width: 4rem
 }