feat(Sidebar): add new CSS variables

Author: mrholek

scss/_variables.scss

@@ -1904,6 +1904,7 @@ $sidebar-narrow-unfoldable-box-shadow:     var(--#{$prefix}box-shadow) !default;
 // scss-docs-start sidebar-nav-variables
 $sidebar-nav-padding-y:                       $sidebar-padding-y * .5 !default;
 $sidebar-nav-padding-x:                       $sidebar-padding-x * .5 !default;
+$sidebar-nav-gap:                             1px !default;
 
 $sidebar-nav-title-padding-y:                 .75rem !default;
 $sidebar-nav-title-padding-x:                 1rem !default;

scss/sidebar/_sidebar-nav.scss

@@ -4,6 +4,7 @@
   // scss-docs-start sidebar-nav-css-vars
   --#{$prefix}sidebar-nav-padding-x: #{$sidebar-nav-padding-x};
   --#{$prefix}sidebar-nav-padding-y: #{$sidebar-nav-padding-y};
+  --#{$prefix}sidebar-nav-gap: #{$sidebar-nav-gap};
 
   --#{$prefix}sidebar-nav-title-padding-x: #{$sidebar-nav-title-padding-x};
   --#{$prefix}sidebar-nav-title-padding-y: #{$sidebar-nav-title-padding-y};
@@ -71,7 +72,7 @@
   .nav-item + .nav-item,
   .nav-item + .nav-group,
   .nav-group + .nav-item {
-    margin-top: 1px;
+    margin-top: var(--#{$prefix}sidebar-nav-gap);
   }
 
   .nav-title {
@@ -225,7 +226,7 @@
       }
 
       + .show {
-        margin-top: 1px;
+        margin-top: var(--#{$prefix}sidebar-nav-gap);
       }
     }
   }