viniBaxter-desk_front 36.0.0 → 37.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 724e772abbcac08c4077793506716898bfaa514f44a2d213b5299ff7887c1e64
-  data.tar.gz: 93ce78836b13b440b751abf838f37aca805c36f8b0513811f84cdb37c4bd8c66
+  metadata.gz: 4175f23f121280d4918f2e7142ed1838868ee4ed3e55427ac16ca5f7000edd54
+  data.tar.gz: 07e6904638a37dd9f2d7c97604cbf1a367718e97befc085aec9f5b85b194c230
 SHA512:
-  metadata.gz: 1d9dbededd8d366189108e0a8249da529a9246d8df1f88b4501c2df3b0fad2590a547a41c193a46caf4c9f2b5b3f162f56dfb060c86c7dd34cd835d4afb21f45
-  data.tar.gz: 28b3fa93d3348ecffe09754f8480b969e58035b36371af4039f4ba52bbdd6502f2a3e0f75bfff4a23bfd3127790a26aa40ddc1921259d88b219c06be0fbac67f
+  metadata.gz: ada9610b43bbfb0c1e9f722cf46eba0325a84ad015691b947ec246adc28e5d1a9d3da0dbd84ab6ce5d508822a157cb5b72e88109a5a301e5c72c1b69311faa27
+  data.tar.gz: 69820b7e9ef5b0e04fdd969efd768ca11683896d5b589614939697caa146918f9cdeb06396c40b940de3f4120a4a39e3654867e304a0b676a8fa9830a0ed60d1

data/lib/viniBaxter/desk_front/version.rb

@@ -1,6 +1,6 @@
 module ViniBaxter
   module DeskFront
-    MAJOR = 36
+    MAJOR = 37
     MINOR = 0
     TINY = 0
     # PRE = "alpha"

data/lib/viniBaxter/sass/desk_front-boostrap.scss

@@ -0,0 +1,2 @@
+// bootstrap
+@import 'desk_front/bootstrap/bootstrap';

data/lib/viniBaxter/sass/desk_front-template.scss

@@ -0,0 +1,2 @@
+// Template core Dashkit but could be what you want
+@import 'desk_front/dashkit/dashkit';

data/lib/viniBaxter/sass/desk_front-v2lrf-dashboard.scss

@@ -0,0 +1,6 @@
+//  ViniBaxter
+@import 'desk_front/v2lrf-dashboard/index';
+
+// some exteranals components
+@import 'desk_front/landing/landing';
+@import 'desk_front/v2lrf-dashboard/new_nav';

data/lib/viniBaxter/sass/desk_front.scss

@@ -1,12 +1,5 @@
-// bootstrap
-@import 'desk_front/bootstrap/bootstrap';
+@import 'desk_front-boostrap';
 
-// becky ViniBaxter
-@import 'desk_front/v2lrf-dashboard/index';
+@import 'desk_front-v2lrf-dashboard';
 
-// Template core Dashkit but could be what you want
-@import 'desk_front/dashkit/dashkit';
-
-// some exteranals components
-@import 'desk_front/landing/landing';
-@import 'desk_front/v2lrf-dashboard/new_nav';
+@import 'desk_front-template';

data/lib/viniBaxter/sass/desk_front/dashkit/_dashkit.scss

@@ -13,7 +13,6 @@
 @import 'jumbotron';
 @import 'list-group';
 @import 'nav';
-// @import 'navbar';
 @import 'popover';
 @import 'progress';
 @import 'reboot';

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_transparency.scss

@@ -0,0 +1,3 @@
+@mixin transparency-color($color, $transparency) {
+    color: rgba($color, $transparency);
+}

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_sidebar-and-main-panel.scss

@@ -529,6 +529,12 @@
         background-color: $nft-white;
 
         @include media-breakpoint-up(xl) {
+          &.no-shadow {}
+
+          min-height: $max-heigh-value-1NTF;
+          z-index: 200;
+          padding: 20px;
+
           &.inser-shadow {
             position: sticky !important;
             top: 100px !important;
@@ -538,7 +544,7 @@
             border-right: 0px;
             transition: all 0.3s linear;
             border-radius: $border-radius-1NTF;
-            padding: 20px;
+            padding: 0px !important;
 
             .table-striped tbody tr:nth-of-type(even) {
               background-color: #fbfbfb00 !important;
@@ -566,13 +572,13 @@
 
           &.ouset-shadow {
             position: relative;
-            z-index: 1041 !important;
+            z-index: 1135 !important;
             box-shadow: $box-outset-shadow-1NTF;
             border: 3px solid white;
             border-right: 0px;
             transition: all 0.3s linear;
             border-radius: $border-radius-1NTF;
-            padding: 20px;
+            padding: 0px !important;
 
             @if $max-heigh-1NTF {
               height: $max-heigh-value-1NTF;
@@ -586,10 +592,6 @@
             }
           }
 
-          &.no-shadow {}
-
-          min-height: $max-heigh-value-1NTF;
-          z-index: 200;
 
 
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: viniBaxter-desk_front
 version: !ruby/object:Gem::Version
-  version: 36.0.0
+  version: 37.0.0
 platform: ruby
 authors:
 - viny baxter
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2021-04-11 00:00:00.000000000 Z
+date: 2021-04-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -83,6 +83,9 @@ files:
 - lib/viniBaxter/desk_front/engine.rb
 - lib/viniBaxter/desk_front/version.rb
 - lib/viniBaxter/sass/.DS_Store
+- lib/viniBaxter/sass/desk_front-boostrap.scss
+- lib/viniBaxter/sass/desk_front-template.scss
+- lib/viniBaxter/sass/desk_front-v2lrf-dashboard.scss
 - lib/viniBaxter/sass/desk_front.scss
 - lib/viniBaxter/sass/desk_front/.DS_Store
 - lib/viniBaxter/sass/desk_front/bootstrap/_alert.scss
@@ -195,7 +198,6 @@ files:
 - lib/viniBaxter/sass/desk_front/dashkit/_main-content.scss
 - lib/viniBaxter/sass/desk_front/dashkit/_mixins.scss
 - lib/viniBaxter/sass/desk_front/dashkit/_nav.scss
-- lib/viniBaxter/sass/desk_front/dashkit/_navbar.scss
 - lib/viniBaxter/sass/desk_front/dashkit/_popover.scss
 - lib/viniBaxter/sass/desk_front/dashkit/_progress.scss
 - lib/viniBaxter/sass/desk_front/dashkit/_reboot.scss
@@ -204,7 +206,6 @@ files:
 - lib/viniBaxter/sass/desk_front/dashkit/_toasts.scss
 - lib/viniBaxter/sass/desk_front/dashkit/_type.scss
 - lib/viniBaxter/sass/desk_front/dashkit/_utilities.scss
-- lib/viniBaxter/sass/desk_front/dashkit/_variables.scss
 - lib/viniBaxter/sass/desk_front/dashkit/_vendors.scss
 - lib/viniBaxter/sass/desk_front/dashkit/dark/_overrides-dark.scss
 - lib/viniBaxter/sass/desk_front/dashkit/dark/_variables-dark.scss
@@ -325,6 +326,7 @@ files:
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_opacity.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_page-header.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_popovers.scss
+- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_transparency.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_vendor-prefixes.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_wizard.scss
 - lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_dropdown.scss

data/lib/viniBaxter/sass/desk_front/dashkit/_navbar.scss

@@ -1,692 +0,0 @@
-//
-// navbar.scss
-// Extended from Bootstrap
-//
-
-//
-// Bootstrap Overrides =======================
-//
-
-.navbar {
-  border-width: 0 0 $border-width 0;
-  border-style: solid;
-}
-
-// Navbar dark
-
-.navbar-dark {
-  background-color: $navbar-dark-bg;
-  border-color: $navbar-dark-border-color;
-}
-
-.navbar-dark .navbar-heading {
-  color: $navbar-dark-heading-color;
-}
-
-.navbar-dark .navbar-divider {
-  border-color: $navbar-dark-divider-color;
-}
-
-.navbar-dark .navbar-user {
-  border-top-color: $navbar-dark-divider-color;
-}
-
-.navbar-dark .navbar-user-link {
-  color: $navbar-dark-color;
-
-  @include hover-focus {
-    color: $navbar-dark-hover-color;
-  }
-}
-
-.navbar-dark .navbar-brand {
-  filter: $navbar-dark-brand-filter;
-}
-
-.navbar-dark .navbar-collapse::before {
-  border-top-color: $navbar-dark-divider-color;
-}
-
-.navbar-dark.navbar-expand {
-  @each $breakpoint, $value in $grid-breakpoints {
-    $prev: breakpoint-prev($breakpoint, $grid-breakpoints);
-
-    &-#{$breakpoint} {
-      @include media-breakpoint-down(#{$prev}) {
-        .navbar-nav .dropdown-item {
-          color: $navbar-dark-color;
-
-          @include hover-focus {
-            color: $navbar-dark-hover-color;
-          }
-        }
-
-        .navbar-nav .show > .nav-link,
-        .navbar-nav .dropdown-item.active,
-        .navbar-nav .dropdown-item:active {
-          color: $navbar-dark-active-color;
-        }
-      }
-    }
-  }
-}
-
-// Navbar vibrant
-
-.navbar-dark.navbar-vibrant {
-  background-image: linear-gradient(
-      to bottom right,
-      fade-out(#454545, 0.1),
-      fade-out(#454545, 0.1)
-    ),
-    url(image-path('desk_front/sidebar-cover.jpg'));
-  background-repeat: no-repeat, no-repeat;
-  background-position: center center, center center;
-  background-size: cover, cover;
-  background-origin: border-box;
-  border-color: $navbar-vibrant-border-color;
-
-  @include media-breakpoint-down(sm) {
-    background-attachment: fixed, fixed;
-  }
-}
-
-.navbar-dark.navbar-vibrant .nav-link {
-  color: $navbar-vibrant-color;
-
-  @include hover-focus {
-    color: $navbar-vibrant-hover-color;
-  }
-}
-
-.navbar-dark.navbar-vibrant .nav-item.active .nav-link,
-.navbar-dark.navbar-vibrant .nav-item .nav-link.active {
-  color: $navbar-vibrant-active-color;
-}
-
-.navbar-dark.navbar-vibrant .navbar-heading {
-  color: $navbar-vibrant-heading-color;
-}
-
-.navbar-dark.navbar-vibrant .navbar-divider {
-  border-color: $navbar-vibrant-divider-color;
-}
-
-.navbar-dark.navbar-vibrant .navbar-user {
-  border-top-color: $navbar-vibrant-divider-color;
-}
-
-.navbar-dark.navbar-vibrant .navbar-user-link {
-  color: $navbar-vibrant-color;
-
-  @include hover-focus {
-    color: $navbar-vibrant-hover-color;
-  }
-}
-
-.navbar-dark.navbar-vibrant .navbar-brand {
-  filter: $navbar-vibrant-brand-filter;
-}
-
-.navbar-dark.navbar-vibrant .navbar-collapse::before {
-  border-top-color: $navbar-vibrant-divider-color;
-}
-
-.navbar-dark.navbar-vibrant .navbar-nav .nav-link.active::before {
-  border-color: $white;
-}
-
-.navbar-dark.navbar-vibrant.navbar-expand {
-  @each $breakpoint, $value in $grid-breakpoints {
-    $prev: breakpoint-prev($breakpoint, $grid-breakpoints);
-
-    &-#{$breakpoint} {
-      @include media-breakpoint-down(#{$prev}) {
-        .navbar-nav .dropdown-item {
-          color: $navbar-vibrant-color;
-
-          @include hover-focus {
-            color: $navbar-vibrant-hover-color;
-          }
-        }
-
-        .navbar-nav .show > .nav-link,
-        .navbar-nav .dropdown-item.active,
-        .navbar-nav .dropdown-item:active {
-          color: $navbar-vibrant-active-color;
-        }
-      }
-    }
-  }
-}
-
-.navbar-dark.navbar-vibrant .navbar-toggler-icon {
-  background-image: $navbar-vibrant-toggler-icon-bg;
-}
-
-// Navbar light
-
-.navbar-light {
-  background-color: $navbar-light-bg;
-  border-color: $navbar-light-border-color;
-}
-
-.navbar-light .navbar-heading {
-  color: $navbar-light-heading-color;
-}
-
-.navbar-light .navbar-divider {
-  border-color: $navbar-light-divider-color;
-}
-
-.navbar-light .navbar-user {
-  border-top-color: $navbar-light-divider-color;
-}
-
-.navbar-light .navbar-user-link {
-  color: $navbar-light-color;
-
-  @include hover-focus {
-    color: $navbar-light-hover-color;
-  }
-}
-
-.navbar-light .navbar-brand {
-  filter: $navbar-light-brand-filter;
-}
-
-.navbar-light .navbar-collapse::before {
-  border-top-color: $navbar-light-divider-color;
-}
-
-// Navbar brand
-
-.navbar-brand {
-  margin-right: 0;
-}
-
-.navbar-brand-img,
-.navbar-brand > img {
-  max-width: 100%;
-  max-height: 1.5rem;
-}
-
-// Navbar collapse
-
-.navbar-collapse {
-  margin-left: -$navbar-padding-x;
-  margin-right: -$navbar-padding-x;
-  padding-left: $navbar-padding-x;
-  padding-right: $navbar-padding-x;
-
-  // Spacer to replace margin / padding as those
-  // cause .navbar-collapse to "jump" when collapsing
-  &:before {
-    content: '';
-    display: block;
-    border-top-width: $border-width;
-    border-top-style: solid;
-    margin: $navbar-padding-y (-$navbar-padding-x);
-  }
-}
-
-// Navbar navigaton
-
-.navbar-nav {
-  margin-left: -$navbar-padding-x;
-  margin-right: -$navbar-padding-x;
-}
-
-.navbar-nav .nav-link {
-  padding-left: $navbar-padding-x;
-  padding-right: $navbar-padding-x;
-
-  &.active {
-    position: relative;
-
-    &:before {
-      content: '';
-      position: absolute;
-      left: 0;
-      top: $nav-link-padding-y;
-      bottom: $nav-link-padding-y;
-      border-left: 2px solid $primary;
-    }
-  }
-}
-
-// Navbar icons
-
-.navbar-nav .nav-link > .fe {
-  min-width: $navbar-icon-min-width;
-  padding-bottom: 0.125em;
-  font-size: $font-size-lg;
-  line-height: ($font-size-base * $line-height-base);
-}
-
-// Navbar dropdowns
-
-.navbar-nav .dropdown-menu {
-  border: none;
-}
-
-.navbar-nav .dropdown-menu .dropdown-menu {
-  margin-left: $dropdown-item-padding-x / 2;
-}
-
-.navbar-expand {
-  @each $breakpoint, $value in $grid-breakpoints {
-    $prev: breakpoint-prev($breakpoint, $grid-breakpoints);
-
-    &-#{$breakpoint} {
-      @include media-breakpoint-down(#{$prev}) {
-        .navbar-nav .dropdown-menu {
-          background-color: transparent;
-        }
-      }
-    }
-  }
-}
-
-// Expanded
-//
-// Expanded navbar specific styles
-
-.navbar-expand {
-  @each $breakpoint, $value in $grid-breakpoints {
-    &-#{$breakpoint} {
-      @include media-breakpoint-up(#{$breakpoint}) {
-        padding-left: 0;
-        padding-right: 0;
-
-        > [class*='container'] {
-          padding-left: 0;
-          padding-right: 0;
-        }
-
-        .navbar-collapse {
-          flex-grow: inherit;
-
-          &:before {
-            display: none;
-          }
-        }
-
-        .navbar-nav {
-          margin-left: 0;
-          margin-right: 0;
-        }
-
-        .navbar-nav .nav-link {
-          // Increase $nav-link-padding-y value to align the underline
-          // with the bottom of the navbar
-          padding: 0.625rem $navbar-nav-link-padding-x;
-
-          &.active {
-            position: relative;
-
-            &:before {
-              top: auto;
-              bottom: calc(-#{$navbar-padding-y} - #{$border-width});
-              right: $navbar-nav-link-padding-x;
-              left: $navbar-nav-link-padding-x;
-              border-left: 0;
-              border-bottom: 1px solid $primary;
-            }
-          }
-        }
-
-        // Toggle dropdown on hover
-        @if ($navbar-dropdown-toggle-on-hover) {
-          .dropup,
-          .dropright,
-          .dropdown,
-          .dropleft {
-            @include hover {
-              > .dropdown-menu {
-                display: block;
-              }
-            }
-          }
-        }
-
-        .navbar-nav .dropdown-menu,
-        .navbar-nav > .dropdown-menu.show {
-          border: $dropdown-border-width solid $dropdown-border-color;
-          border-radius: $dropdown-border-radius;
-          box-shadow: unset !important;
-        }
-
-        .navbar-nav .dropdown-menu .dropdown-menu {
-          margin-left: 0;
-        }
-      }
-    }
-  }
-}
-
-//
-// Dashkit ===================================
-//
-
-// Navbar fixed
-//
-// Adds special zindex to custom fixed-left and fixed-right classes
-
-.navbar[class*='fixed-'] {
-  z-index: $zindex-fixed;
-}
-
-// Navbar overflow
-//
-// Allows the navbar navigation overflow its parent container
-// horizontally
-
-.navbar-overflow {
-  display: flex;
-  flex-grow: 1;
-  flex-basis: 0;
-  margin-bottom: -$navbar-padding-y;
-  overflow-x: auto;
-
-  // Hide scrollbar
-  &::-webkit-scrollbar {
-    display: none;
-  }
-}
-
-.navbar-overflow .navbar-nav {
-  flex-direction: row;
-  flex-wrap: nowrap;
-  margin-left: -$navbar-nav-link-padding-x;
-  margin-right: -$navbar-nav-link-padding-x;
-}
-
-.navbar-overflow .navbar-nav .nav-link {
-  padding-bottom: ($nav-link-padding-y + $navbar-padding-y);
-
-  &.active {
-    &:before {
-      bottom: 0;
-    }
-  }
-}
-
-// Navbar breadcrumb
-//
-// Applies special paddings to the navbar breadcrumb
-
-.navbar-breadcrumb {
-  padding: $navbar-breadcrumb-padding-y $navbar-breadcrumb-padding-x;
-}
-
-// Navbar user
-//
-// Navbar user notification area
-
-.navbar-user {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-around;
-}
-
-.navbar-user .dropdown-toggle {
-  // Remove the default dropdown arrow
-  &:after {
-    display: none;
-  }
-}
-
-// Navbar link icon
-
-.navbar-nav .nav-link > .fe {
-  display: inline-block;
-  min-width: $navbar-icon-min-width;
-}
-
-// Vertical
-//
-// Creates a vertically aligned version of the navbar
-
-.navbar-vertical {
-  .navbar-nav .nav-link {
-    display: flex;
-    align-items: center;
-  }
-
-  .navbar-nav .nav-link[data-toggle='collapse'] {
-    &:after {
-      display: block;
-      content: '\e92e';
-      font-family: 'Feather';
-      margin-left: auto;
-      transition: transform 0.2s;
-    }
-
-    // Expanded
-    &[aria-expanded='true'] {
-      &:after {
-        transform: rotate(-180deg);
-      }
-    }
-  }
-
-  .navbar-nav .nav .nav-link {
-    padding-left: $navbar-padding-x + $navbar-icon-min-width;
-  }
-
-  .navbar-nav .nav .nav .nav-link {
-    padding-left: $navbar-padding-x * 1.5 + $navbar-icon-min-width;
-  }
-
-  .navbar-nav .nav .nav .nav .nav-link {
-    padding-left: $navbar-padding-x * 2 + $navbar-icon-min-width;
-  }
-
-  .navbar-heading {
-    padding-top: $nav-link-padding-y;
-    padding-bottom: $nav-link-padding-y;
-    font-size: $font-size-xs;
-    text-transform: uppercase;
-    letter-spacing: 0.04em;
-  }
-
-  // Expanded
-  //
-  // Expanded navbar specific styles
-
-  &.navbar-expand {
-    @each $breakpoint, $value in $grid-breakpoints {
-      &-#{$breakpoint} {
-        @include media-breakpoint-up(#{$breakpoint}) {
-          display: block;
-          position: fixed;
-          top: 0;
-          bottom: 0;
-          width: 100%;
-          max-width: $navbar-vertical-width;
-          padding-left: $navbar-vertical-padding-x;
-          padding-right: $navbar-vertical-padding-x;
-          overflow-y: auto;
-
-          > [class*='container'] {
-            flex-direction: column;
-            align-items: stretch;
-            min-height: 100%;
-            padding-left: 0;
-            padding-right: 0;
-
-            // Target IE 10 & 11
-            @media all and (-ms-high-contrast: none),
-              (-ms-high-contrast: active) {
-              min-height: none;
-              height: 100%;
-            }
-          }
-
-          &.fixed-left {
-            left: 0;
-            border-width: 0 1px 0 0;
-          }
-
-          &.fixed-right {
-            right: 0;
-            border-width: 0 0 0 1px;
-          }
-
-          .navbar-collapse {
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-            align-items: stretch;
-            margin-left: -$navbar-vertical-padding-x;
-            margin-right: -$navbar-vertical-padding-x;
-            padding-left: $navbar-vertical-padding-x;
-            padding-right: $navbar-vertical-padding-x;
-
-            > * {
-              min-width: 100%;
-            }
-          }
-
-          .navbar-nav {
-            flex-direction: column;
-            margin-left: -$navbar-vertical-padding-x;
-            margin-right: -$navbar-vertical-padding-x;
-          }
-
-          .navbar-nav .nav-link {
-            padding: $nav-link-padding-y $navbar-vertical-padding-x;
-
-            &.active {
-              &:before {
-                top: $nav-link-padding-y;
-                bottom: $nav-link-padding-y;
-                left: 0;
-                right: auto;
-                border-left: 4px solid $primary;
-                border-bottom: 0;
-              }
-            }
-          }
-
-          .navbar-nav .nav .nav-link {
-            padding-left: $navbar-vertical-padding-x + $navbar-icon-min-width;
-          }
-
-          .navbar-nav .nav .nav .nav-link {
-            padding-left: $navbar-vertical-padding-x * 1.5 +
-              $navbar-icon-min-width;
-          }
-
-          .navbar-nav .nav .nav .nav .nav-link {
-            padding-left: $navbar-vertical-padding-x * 2 +
-              $navbar-icon-min-width;
-          }
-
-          .navbar-brand {
-            display: block;
-            text-align: center;
-            padding-top: (2rem - $navbar-padding-y);
-            padding-bottom: (2rem - $navbar-padding-y);
-          }
-
-          .navbar-brand-img {
-            max-height: 3rem;
-          }
-
-          .navbar-user {
-            margin-left: -$navbar-vertical-padding-x;
-            margin-right: -$navbar-vertical-padding-x;
-            padding-top: $spacer;
-            padding-bottom: $spacer - $navbar-padding-y;
-            padding-left: $navbar-vertical-padding-x;
-            padding-right: $navbar-vertical-padding-x;
-            border-top-width: 1px;
-            border-top-style: solid;
-
-            .dropup .dropdown-menu {
-              left: 50%;
-              transform: translateX(-50%);
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-// Vertical small
-//
-// Creates a small vertion of the vertical navbar
-
-.navbar-vertical-sm {
-  // Expanded
-  //
-  // Expanded navbar specific styles
-
-  &.navbar-expand {
-    @each $breakpoint, $value in $grid-breakpoints {
-      &-#{$breakpoint} {
-        @include media-breakpoint-up(#{$breakpoint}) {
-          max-width: $navbar-vertical-width-sm;
-          padding-left: $navbar-vertical-padding-x-sm;
-          padding-right: $navbar-vertical-padding-x-sm;
-          overflow: visible;
-
-          .navbar-brand {
-            padding-top: (
-                $nav-link-padding-y * 2 + $font-size-base * $line-height-base
-              ) / 2 - $navbar-padding-y;
-            padding-bottom: (
-                $nav-link-padding-y * 2 + $font-size-base * $line-height-base
-              ) / 2;
-          }
-
-          .navbar-brand-img {
-            width: auto;
-            max-height: 1.5rem;
-          }
-
-          .navbar-collapse {
-            margin-left: -$navbar-vertical-padding-x-sm;
-            margin-right: -$navbar-vertical-padding-x-sm;
-            padding-left: $navbar-vertical-padding-x-sm;
-            padding-right: $navbar-vertical-padding-x-sm;
-          }
-
-          .navbar-nav {
-            margin-left: -$navbar-vertical-padding-x-sm;
-            margin-right: -$navbar-vertical-padding-x-sm;
-          }
-
-          .navbar-nav > .nav-item > .nav-link {
-            justify-content: center;
-            padding-left: $navbar-vertical-padding-x-sm;
-            padding-right: $navbar-vertical-padding-x-sm;
-            text-align: center;
-          }
-
-          .navbar-nav > .nav-item > .dropdown-toggle {
-            &::after {
-              display: none;
-            }
-          }
-
-          .navbar-user {
-            margin-left: -$navbar-vertical-padding-x-sm;
-            margin-right: -$navbar-vertical-padding-x-sm;
-            padding-left: $navbar-vertical-padding-x-sm;
-            padding-right: $navbar-vertical-padding-x-sm;
-          }
-
-          .navbar-user .dropright .dropdown-menu {
-            top: auto;
-            bottom: 0;
-          }
-        }
-      }
-    }
-  }
-}