From 71fbfdc8dc841dccd76690116cf45e58b8e3b5d8 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Sat, 4 Apr 2020 14:06:48 +0200
Subject: [PATCH] env clean

---
 _config.yml                         |  75 ++-
 pages/_includes/layout/content.html |  11 +
 pages/_includes/layout/css.html     |   8 +
 pages/_layouts/base.html            |   6 +-
 pages/_layouts/default.html         |  14 +-
 scss/layout/_navbar.scss            | 848 ++++++++++++++--------------
 6 files changed, 521 insertions(+), 441 deletions(-)
 create mode 100644 pages/_includes/layout/content.html

diff --git a/_config.yml b/_config.yml
index f12f43b8a..c2b2c258c 100644
--- a/_config.yml
+++ b/_config.yml
@@ -28,6 +28,69 @@ tabler-plugins:
 exclude:
   - .jekyll-cache
 
+  - 400.html
+  - 401.html
+  - 403.html
+  - 404.html
+  - 500.html
+  - 503.html
+  - all.html
+  - blog.html
+  - buttons.html
+  - calendar.html
+  - cards.html
+  - carousel.html
+  - changelog.html
+  - charts.html
+  - charts-heatmap.html
+  - components.html
+  - crypto-currencies.html
+  - docs.html
+  - dropdowns.html
+  - email.html
+  - favicon.ico
+  - flags.html
+  - forgot-password.html
+  - form-elements.html
+  - gallery.html
+  - icons.html
+  - index.html
+  - invoice.html
+  - license.html
+  - lists.html
+  - lookup.html
+  - maintenance.html
+  - maps.html
+  - maps-vector.html
+  - markdown.md
+  - modals.html
+  - music.html
+  - pagination.html
+  - pricing.html
+  - profile.html
+  - ribbons.html
+  - rtl.html
+  - search-results.html
+  - sign-in.html
+  - sign-up.html
+  - sitemap.xml
+  - snippets.html
+  - social.html
+  - store.html
+  - tables.html
+  - tabs.html
+  - terms-of-service.html
+  - tmp.html
+  - tmp2.html
+  - tmp3.html
+  - tmp4.html
+  - tmp-dark.html
+  - tmp-forms.html
+  - typography.html
+  - user-edit.html
+  - users.html
+  - welcome.html
+
 keep_files:
   - css/ui-kit.css
   - css/dark.css
@@ -48,12 +111,12 @@ toc:
   list_class: list-unstyled
 
 collections:
-  docs:
-    output: true
-  changelog:
-    output: false
-  components:
-    output: true
+#  docs:
+#    output: true
+#  changelog:
+#    output: false
+#  components:
+#    output: true
 
 defaults:
   - scope:
diff --git a/pages/_includes/layout/content.html b/pages/_includes/layout/content.html
new file mode 100644
index 000000000..8617d5ebd
--- /dev/null
+++ b/pages/_includes/layout/content.html
@@ -0,0 +1,11 @@
+<div class="content">
+	<div class="container{% if page.container-size %}-{{ page.container-size }}{% endif %}{% if page.container-centered %} d-flex flex-column justify-content-center{% endif %}">
+		{% if page-header %}
+		{% include layout/page-header.html title=page-header description=page.page-header-description actions=page.page-header-actions pretitle=page.page-header-pretitle %}
+		{% endif %}
+
+		{{ content }}
+	</div>
+
+	{% include layout/footer.html %}
+</div>
\ No newline at end of file
diff --git a/pages/_includes/layout/css.html b/pages/_includes/layout/css.html
index 77034f6da..187b82347 100644
--- a/pages/_includes/layout/css.html
+++ b/pages/_includes/layout/css.html
@@ -1,3 +1,5 @@
+{% comment %}
+
 {% if site.data.libs.css %}
 <!-- Libs CSS -->
 {% for lib in site.data.libs.css %}
@@ -7,12 +9,18 @@
 {% endfor %}
 {% endif %}
 
+{% endcomment %}
+
 <!-- Tabler Core -->
 <link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/tabler{% if jekyll.environment == 'production' %}.min{% endif %}.css{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}" rel="stylesheet"/>
 
+{% comment %}
+
 <!-- Tabler Plugins -->
 {% for plugin in site.tabler-plugins %}
 <link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/{{ plugin }}{% if jekyll.environment == 'production' %}.min{% endif %}.css{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}" rel="stylesheet"/>
 {% endfor %}
 
+{% endcomment %}
+
 <link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/demo{% if jekyll.environment == 'production' %}.min{% endif %}.css{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}" rel="stylesheet"/>
\ No newline at end of file
diff --git a/pages/_layouts/base.html b/pages/_layouts/base.html
index b0b1c6154..1be5de91b 100644
--- a/pages/_layouts/base.html
+++ b/pages/_layouts/base.html
@@ -8,6 +8,7 @@
 
 	<title>{% if page.title %}{{ page.title }} - {% endif %}{% if layout.title %}{{ layout.title }} - {% endif %}{% if site.title %}{{ site.title }} - {% endif %}{{ site.description }}</title>
 
+	{% if jekyll.environment == 'production' %}
 	<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
 
 	<meta name="msapplication-TileColor" content="{{ site.data.colors.blue }}"/>
@@ -32,6 +33,8 @@
 	{% endif %}
 
 	{% include layout/og.html show=layout.og-component %}
+	{% endif %}
+
 	{% include layout/css.html %}
 
 	<style>
@@ -48,13 +51,14 @@
 
 	{% include layout/modals-capture.html %}
 
+	{% comment %}
 	{% include layout/js.html %}
 	{% include layout/js-capture.html %}
 
 	{% if site.debug and jekyll.environment == 'development' %}
 		{% include layout/debug.html %}
 	{% endif %}
-
+	{% endcomment %}
 
 	<script>document.body.style.display = "block"</script>
 </body>
diff --git a/pages/_layouts/default.html b/pages/_layouts/default.html
index a805d032e..67752a656 100644
--- a/pages/_layouts/default.html
+++ b/pages/_layouts/default.html
@@ -5,20 +5,12 @@ layout: base
 {% assign page-header = page.page-header | default: layout.page-header %}
 
 <div class="page">
+	{% comment %}
 	{% include layout/navbar-primary.html %}
 	{% include layout/navbar-secondary.html %}
+	{% endcomment %}
 
-	<div class="content">
-		<div class="container{% if page.container-size %}-{{ page.container-size }}{% endif %}{% if page.container-centered %} d-flex flex-column justify-content-center{% endif %}">
-			{% if page-header %}
-				{% include layout/page-header.html title=page-header description=page.page-header-description actions=page.page-header-actions pretitle=page.page-header-pretitle %}
-			{% endif %}
-
-			{{ content }}
-		</div>
-
-		{% include layout/footer.html %}
-	</div>
+	{% include layout/content.html %}
 </div>
 
 {% include ui/modal.html modal-id="customize" top=true %}
diff --git a/scss/layout/_navbar.scss b/scss/layout/_navbar.scss
index d481d7ec6..e995bccf8 100644
--- a/scss/layout/_navbar.scss
+++ b/scss/layout/_navbar.scss
@@ -1,425 +1,427 @@
-/*
-Horizontal navbar
- */
-@mixin navbar-horizontal {
-  .d-none-navbar-horizontal,
-  ~ * .d-none-navbar-vertical-narrow {
-    display: none !important;
-  }
 
-  .dropdown-menu {
-    margin-right: -.25rem;
-  }
-}
 
-/*
-Vertical narrow navbar
- */
-@mixin navbar-vertical-narrow {
-  width: $navbar-vertical-narrow-width;
-  overflow: visible;
-
-  .d-none-navbar-vertical-narrow,
-  ~ * .d-none-navbar-vertical-narrow {
-    display: none !important;
-  }
-
-  .navbar-nav {
-    margin-top: 0;
-  }
-
-  .nav-link {
-    height: 3rem; //todo: to variable
-  }
-
-  .nav-link-title,
-  .navbar-heading {
-    display: none;
-  }
-
-  .nav-link-icon {
-    margin: 0 auto;
-    font-size: 1.125rem;
-    width: 1.125rem;
-    height: 1.125rem;
-  }
-
-  .navbar-brand-logo-large {
-    display: none;
-  }
-
-  .navbar-brand-logo-small {
-    display: inline-block;
-  }
-
-  ~ .navbar,
-  ~ .content {
-    margin-left: $navbar-vertical-narrow-width;
-  }
-
-  .dropdown-toggle:after {
-    content: none;
-  }
-
-  .dropdown-menu {
-    left: 100%;
-    top: 0;
-    margin: 0 0 0 -4px;
-
-    &:before,
-    &:after {
-      content: none;
-    }
-
-    &.dropdown-menu-right {
-      top: auto;
-      bottom: 0;
-      right: auto;
-    }
-  }
-
-  &.navbar-right {
-    ~ .navbar,
-    ~ .content {
-      margin-left: 0;
-      margin-right: $navbar-vertical-narrow-width;
-    }
-
-    .dropdown-menu {
-      margin: 0 -4px 0 0;
-      left: auto;
-      right: 100%;
-    }
-  }
-}
-
-/*
-Vertical navbar
- */
-@mixin navbar-vertical {
-  position: fixed;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  width: $navbar-vertical-width;
-  z-index: $zindex-fixed;
-  min-height: auto;
-  align-items: start;
-  overflow: auto;
-
-  > [class*="container"] {
-    flex-direction: column;
-    align-items: stretch;
-    padding-left: 0;
-    padding-right: 0;
-    min-height: 100%;
-  }
-
-  ~ .navbar,
-  ~ .content {
-    margin-left: $navbar-vertical-width;
-
-    [class*="container"] {
-      padding-left: $cards-grid-gap;
-      padding-right: $cards-grid-gap;
-    }
-  }
-
-  .d-none-navbar-vertical,
-  ~ * .d-none-navbar-vertical {
-    display: none !important;
-  }
-
-  .navbar-brand {
-    display: flex;
-    width: 100%;
-    margin: 0;
-    text-align: center;
-    height: $navbar-height;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .navbar-heading {
-    @include subheader();
-    display: block;
-    margin-bottom: .5rem;
-  }
-
-  .navbar-collapse {
-    flex-direction: column;
-    text-align: left;
-    align-items: normal;
-
-    padding: $navbar-vertical-padding $navbar-vertical-padding;
-  }
-
-  .navbar-nav {
-    flex-direction: column;
-    align-items: normal;
-    margin-left: -($navbar-vertical-padding);
-    margin-right: -($navbar-vertical-padding);
-
-    .nav-link {
-      min-height: 0;
-      height: 2.5rem;
-      padding-left: $navbar-vertical-padding;
-      padding-right: $navbar-vertical-padding;
-      justify-content: start;
-    }
-
-    .nav-item {
-      &.active {
-        font-weight: 600;
-
-        >.nav-link:before {
-          left: 0;
-          right: auto;
-          top: 0;
-          bottom: 0;
-          height: auto;
-          width: 2px;
-        }
-      }
-    }
-  }
-
-  .navbar-side {
-    margin-left: 0;
-    margin-top: auto;
-    padding-left: 0;
-    padding-top: $navbar-vertical-padding;
-
-    > * {
-      margin-left: 0;
-      margin-top: 1rem;
-    }
-  }
-
-  &.navbar-right {
-    left: auto;
-    right: 0;
-
-    ~ .navbar,
-    ~ .content {
-      margin-left: 0;
-      margin-right: $navbar-vertical-width;
-    }
-  }
-
-  &:not(.navbar-vertical-narrow) {
-    .d-none-navbar-vertical-wide,
-    ~ * .d-none-navbar-vertical-wide {
-      display: none !important;
-    }
-
-    .nav-item.active>.dropdown-menu {
-      display: block;
-    }
-
-    .dropdown-menu {
-      position: static;
-      background: inherit;
-      border: 0;
-      box-shadow: none;
-      padding: 0;
-      margin: 0;
-      color: inherit;
-      columns: 1;
-
-      &:before,
-      &:after {
-        content: none;
-      }
-    }
-
-    .dropdown-item {
-      padding-left: add($navbar-vertical-padding, 1.5rem);
-      opacity: $text-muted-opacity;
-      color: inherit;
-      background: transparent;
-
-      &.active {
-        font-weight: 600;
-        opacity: 1;
-      }
-
-      &:hover {
-        opacity: 1;
-      }
-    }
-
-    .dropdown-toggle:after {
-      margin-left: auto;
-    }
-  }
-
-  &.navbar-vertical-narrow {
-    @include navbar-vertical-narrow;
-  }
-}
-
-/*
-All navbars
- */
-.navbar {
-  padding-top: 0;
-  padding-bottom: 0;
-  min-height: $navbar-height;
-  box-shadow: 0 0 0 1px $border-color;
-  z-index: $zindex-fixed;
-
-  @media print {
-    display: none;
-    margin: 0 !important;
-  }
-
-  .nav-link {
-    line-height: 1;
-    min-width: 2rem;
-    min-height: 2rem;
-    position: relative;
-    user-select: none;
-    text-align: center;
-  }
-
-  .nav-link-icon {
-    font-size: 1rem;
-    width: 1rem;
-    height: 1rem;
-    display: block;
-    margin-right: .5rem;
-    line-height: .99;
-  }
-
-  .navbar-nav {
-    align-items: center;
-
-    .nav-link {
-      color: inherit;
-      opacity: $text-muted-opacity;
-      transition: .3s opacity;
-      justify-content: center;
-
-      &:hover {
-        color: inherit;
-        opacity: 1;
-      }
-
-      &.disabled {
-        color: inherit;
-        opacity: $text-muted-opacity / 3;
-      }
-    }
-
-    .show > .nav-link,
-    .active > .nav-link,
-    .nav-link.show,
-    .nav-link.active {
-      color: inherit;
-      opacity: 1;
-    }
-  }
-}
-
-.navbar-expand {
-  @each $breakpoint, $breakpoint-max-width in $grid-breakpoints {
-    &-#{$breakpoint} {
-      @include media-breakpoint-up($breakpoint) {
-        .navbar-nav {
-          margin-left: (-$navbar-nav-link-padding-x);
-
-          .nav-item {
-            position: relative;
-          }
-        }
-      }
-    }
-  }
-}
-
-.navbar-side {
-  margin-left: auto;
-  padding-left: 1.5rem;
-
-  > * {
-    margin-left: 1rem;
-  }
-}
-
-.navbar-heading {
-  display: none;
-}
-
-/**
-Navbar brand
- */
-.navbar-brand {
-  padding: 0; //todo: move to varaibles
-}
-
-.navbar-brand-logo {
-  height: 2rem;
-}
-
-.navbar-brand-logo-small {
-  display: none;
-}
-
-.navbar-light {
-  background: $white;
-  @include scrollbar;
-}
-
-.navbar-dark {
-  background: $navbar-vertical-dark-bg;
-  color: $navbar-vertical-dark-color;
-  box-shadow: 0 0 0 1px $dark-mode-darken;
-  @include scrollbar(true);
-
-  .text-muted {
-    color: inherit !important;
-    opacity: $text-muted-opacity;
-  }
-
-  .navbar-brand-autodark {
-    @include autodark-image;
-  }
-
-  .form-control {
-    border-color: transparent;
-    background: $dark-mode-lighten;
-    color: $white;
-  }
-}
-
-/**
-Navbar vertical
- */
-@if $enable-navbar-vertical {
-  .navbar:not(.navbar-vertical) {
-    @include navbar-horizontal;
-  }
-
-  .navbar-vertical {
-    @each $breakpoint, $breakpoint-max-width in $grid-breakpoints {
-      &.navbar-expand-#{$breakpoint} {
-        @include media-breakpoint-up($breakpoint) {
-          @include navbar-vertical;
-        }
-
-        @include media-breakpoint-down-than($breakpoint) {
-          @include navbar-horizontal;
-        }
-      }
-    }
-  }
-}
-
-/**
-Navbar secondary
- */
-.navbar-secondary {
-  order: -1;
-  z-index: $zindex-fixed + 10;
-}
+///*
+//Horizontal navbar
+// */
+//@mixin navbar-horizontal {
+//  .d-none-navbar-horizontal,
+//  ~ * .d-none-navbar-vertical-narrow {
+//    display: none !important;
+//  }
+//
+//  .dropdown-menu {
+//    margin-right: -.25rem;
+//  }
+//}
+//
+///*
+//Vertical narrow navbar
+// */
+//@mixin navbar-vertical-narrow {
+//  width: $navbar-vertical-narrow-width;
+//  overflow: visible;
+//
+//  .d-none-navbar-vertical-narrow,
+//  ~ * .d-none-navbar-vertical-narrow {
+//    display: none !important;
+//  }
+//
+//  .navbar-nav {
+//    margin-top: 0;
+//  }
+//
+//  .nav-link {
+//    height: 3rem; //todo: to variable
+//  }
+//
+//  .nav-link-title,
+//  .navbar-heading {
+//    display: none;
+//  }
+//
+//  .nav-link-icon {
+//    margin: 0 auto;
+//    font-size: 1.125rem;
+//    width: 1.125rem;
+//    height: 1.125rem;
+//  }
+//
+//  .navbar-brand-logo-large {
+//    display: none;
+//  }
+//
+//  .navbar-brand-logo-small {
+//    display: inline-block;
+//  }
+//
+//  ~ .navbar,
+//  ~ .content {
+//    margin-left: $navbar-vertical-narrow-width;
+//  }
+//
+//  .dropdown-toggle:after {
+//    content: none;
+//  }
+//
+//  .dropdown-menu {
+//    left: 100%;
+//    top: 0;
+//    margin: 0 0 0 -4px;
+//
+//    &:before,
+//    &:after {
+//      content: none;
+//    }
+//
+//    &.dropdown-menu-right {
+//      top: auto;
+//      bottom: 0;
+//      right: auto;
+//    }
+//  }
+//
+//  &.navbar-right {
+//    ~ .navbar,
+//    ~ .content {
+//      margin-left: 0;
+//      margin-right: $navbar-vertical-narrow-width;
+//    }
+//
+//    .dropdown-menu {
+//      margin: 0 -4px 0 0;
+//      left: auto;
+//      right: 100%;
+//    }
+//  }
+//}
+//
+///*
+//Vertical navbar
+// */
+//@mixin navbar-vertical {
+//  position: fixed;
+//  left: 0;
+//  top: 0;
+//  bottom: 0;
+//  width: $navbar-vertical-width;
+//  z-index: $zindex-fixed;
+//  min-height: auto;
+//  align-items: start;
+//  overflow: auto;
+//
+//  > [class*="container"] {
+//    flex-direction: column;
+//    align-items: stretch;
+//    padding-left: 0;
+//    padding-right: 0;
+//    min-height: 100%;
+//  }
+//
+//  ~ .navbar,
+//  ~ .content {
+//    margin-left: $navbar-vertical-width;
+//
+//    [class*="container"] {
+//      padding-left: $cards-grid-gap;
+//      padding-right: $cards-grid-gap;
+//    }
+//  }
+//
+//  .d-none-navbar-vertical,
+//  ~ * .d-none-navbar-vertical {
+//    display: none !important;
+//  }
+//
+//  .navbar-brand {
+//    display: flex;
+//    width: 100%;
+//    margin: 0;
+//    text-align: center;
+//    height: $navbar-height;
+//    align-items: center;
+//    justify-content: center;
+//  }
+//
+//  .navbar-heading {
+//    @include subheader();
+//    display: block;
+//    margin-bottom: .5rem;
+//  }
+//
+//  .navbar-collapse {
+//    flex-direction: column;
+//    text-align: left;
+//    align-items: normal;
+//
+//    padding: $navbar-vertical-padding $navbar-vertical-padding;
+//  }
+//
+//  .navbar-nav {
+//    flex-direction: column;
+//    align-items: normal;
+//    margin-left: -($navbar-vertical-padding);
+//    margin-right: -($navbar-vertical-padding);
+//
+//    .nav-link {
+//      min-height: 0;
+//      height: 2.5rem;
+//      padding-left: $navbar-vertical-padding;
+//      padding-right: $navbar-vertical-padding;
+//      justify-content: start;
+//    }
+//
+//    .nav-item {
+//      &.active {
+//        font-weight: 600;
+//
+//        >.nav-link:before {
+//          left: 0;
+//          right: auto;
+//          top: 0;
+//          bottom: 0;
+//          height: auto;
+//          width: 2px;
+//        }
+//      }
+//    }
+//  }
+//
+//  .navbar-side {
+//    margin-left: 0;
+//    margin-top: auto;
+//    padding-left: 0;
+//    padding-top: $navbar-vertical-padding;
+//
+//    > * {
+//      margin-left: 0;
+//      margin-top: 1rem;
+//    }
+//  }
+//
+//  &.navbar-right {
+//    left: auto;
+//    right: 0;
+//
+//    ~ .navbar,
+//    ~ .content {
+//      margin-left: 0;
+//      margin-right: $navbar-vertical-width;
+//    }
+//  }
+//
+//  &:not(.navbar-vertical-narrow) {
+//    .d-none-navbar-vertical-wide,
+//    ~ * .d-none-navbar-vertical-wide {
+//      display: none !important;
+//    }
+//
+//    .nav-item.active>.dropdown-menu {
+//      display: block;
+//    }
+//
+//    .dropdown-menu {
+//      position: static;
+//      background: inherit;
+//      border: 0;
+//      box-shadow: none;
+//      padding: 0;
+//      margin: 0;
+//      color: inherit;
+//      columns: 1;
+//
+//      &:before,
+//      &:after {
+//        content: none;
+//      }
+//    }
+//
+//    .dropdown-item {
+//      padding-left: add($navbar-vertical-padding, 1.5rem);
+//      opacity: $text-muted-opacity;
+//      color: inherit;
+//      background: transparent;
+//
+//      &.active {
+//        font-weight: 600;
+//        opacity: 1;
+//      }
+//
+//      &:hover {
+//        opacity: 1;
+//      }
+//    }
+//
+//    .dropdown-toggle:after {
+//      margin-left: auto;
+//    }
+//  }
+//
+//  &.navbar-vertical-narrow {
+//    @include navbar-vertical-narrow;
+//  }
+//}
+//
+///*
+//All navbars
+// */
+//.navbar {
+//  padding-top: 0;
+//  padding-bottom: 0;
+//  min-height: $navbar-height;
+//  box-shadow: 0 0 0 1px $border-color;
+//  z-index: $zindex-fixed;
+//
+//  @media print {
+//    display: none;
+//    margin: 0 !important;
+//  }
+//
+//  .nav-link {
+//    line-height: 1;
+//    min-width: 2rem;
+//    min-height: 2rem;
+//    position: relative;
+//    user-select: none;
+//    text-align: center;
+//  }
+//
+//  .nav-link-icon {
+//    font-size: 1rem;
+//    width: 1rem;
+//    height: 1rem;
+//    display: block;
+//    margin-right: .5rem;
+//    line-height: .99;
+//  }
+//
+//  .navbar-nav {
+//    align-items: center;
+//
+//    .nav-link {
+//      color: inherit;
+//      opacity: $text-muted-opacity;
+//      transition: .3s opacity;
+//      justify-content: center;
+//
+//      &:hover {
+//        color: inherit;
+//        opacity: 1;
+//      }
+//
+//      &.disabled {
+//        color: inherit;
+//        opacity: $text-muted-opacity / 3;
+//      }
+//    }
+//
+//    .show > .nav-link,
+//    .active > .nav-link,
+//    .nav-link.show,
+//    .nav-link.active {
+//      color: inherit;
+//      opacity: 1;
+//    }
+//  }
+//}
+//
+//.navbar-expand {
+//  @each $breakpoint, $breakpoint-max-width in $grid-breakpoints {
+//    &-#{$breakpoint} {
+//      @include media-breakpoint-up($breakpoint) {
+//        .navbar-nav {
+//          margin-left: (-$navbar-nav-link-padding-x);
+//
+//          .nav-item {
+//            position: relative;
+//          }
+//        }
+//      }
+//    }
+//  }
+//}
+//
+//.navbar-side {
+//  margin-left: auto;
+//  padding-left: 1.5rem;
+//
+//  > * {
+//    margin-left: 1rem;
+//  }
+//}
+//
+//.navbar-heading {
+//  display: none;
+//}
+//
+///**
+//Navbar brand
+// */
+//.navbar-brand {
+//  padding: 0; //todo: move to varaibles
+//}
+//
+//.navbar-brand-logo {
+//  height: 2rem;
+//}
+//
+//.navbar-brand-logo-small {
+//  display: none;
+//}
+//
+//.navbar-light {
+//  background: $white;
+//  @include scrollbar;
+//}
+//
+//.navbar-dark {
+//  background: $navbar-vertical-dark-bg;
+//  color: $navbar-vertical-dark-color;
+//  box-shadow: 0 0 0 1px $dark-mode-darken;
+//  @include scrollbar(true);
+//
+//  .text-muted {
+//    color: inherit !important;
+//    opacity: $text-muted-opacity;
+//  }
+//
+//  .navbar-brand-autodark {
+//    @include autodark-image;
+//  }
+//
+//  .form-control {
+//    border-color: transparent;
+//    background: $dark-mode-lighten;
+//    color: $white;
+//  }
+//}
+//
+///**
+//Navbar vertical
+// */
+//@if $enable-navbar-vertical {
+//  .navbar:not(.navbar-vertical) {
+//    @include navbar-horizontal;
+//  }
+//
+//  .navbar-vertical {
+//    @each $breakpoint, $breakpoint-max-width in $grid-breakpoints {
+//      &.navbar-expand-#{$breakpoint} {
+//        @include media-breakpoint-up($breakpoint) {
+//          @include navbar-vertical;
+//        }
+//
+//        @include media-breakpoint-down-than($breakpoint) {
+//          @include navbar-horizontal;
+//        }
+//      }
+//    }
+//  }
+//}
+//
+///**
+//Navbar secondary
+// */
+//.navbar-secondary {
+//  order: -1;
+//  z-index: $zindex-fixed + 10;
+//}