feat(Sidebar): add new CSS variables

mrholek · mrholek · commit 37a68736d2ff · 2024-10-28T16:59:11.000+01:00
diff --git a/scss/_variables.scss b/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;
diff --git a/scss/sidebar/_sidebar-nav.scss b/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);
       }
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,7 @@`
`4`	`4`	`// scss-docs-start sidebar-nav-css-vars`
`5`	`5`	`--#{$prefix}sidebar-nav-padding-x: #{$sidebar-nav-padding-x};`
`6`	`6`	`--#{$prefix}sidebar-nav-padding-y: #{$sidebar-nav-padding-y};`
	`7`	`+ --#{$prefix}sidebar-nav-gap: #{$sidebar-nav-gap};`
`7`	`8`
`8`	`9`	`--#{$prefix}sidebar-nav-title-padding-x: #{$sidebar-nav-title-padding-x};`
`9`	`10`	`--#{$prefix}sidebar-nav-title-padding-y: #{$sidebar-nav-title-padding-y};`
`@@ -71,7 +72,7 @@`
`71`	`72`	`.nav-item + .nav-item,`
`72`	`73`	`.nav-item + .nav-group,`
`73`	`74`	`.nav-group + .nav-item {`
`74`		`- margin-top: 1px;`
	`75`	`+ margin-top: var(--#{$prefix}sidebar-nav-gap);`
`75`	`76`	`}`
`76`	`77`
`77`	`78`	`.nav-title {`
`@@ -225,7 +226,7 @@`
`225`	`226`	`}`
`226`	`227`
`227`	`228`	`+ .show {`
`228`		`- margin-top: 1px;`
	`229`	`+ margin-top: var(--#{$prefix}sidebar-nav-gap);`
`229`	`230`	`}`
`230`	`231`	`}`
`231`	`232`	`}`