Add $nav-item-inline-spacer variable

So folks can customize the distance between nav links in inline navs.

diff --git a/scss/_nav.scss b/scss/_nav.scss
index 4efed45b6228d28c0aa9ff4ad8260b4758434881..4e87e43368eff8ceb5bd504ac90aae4fa61ff1f8 100644 (file)
--- a/scss/_nav.scss
+++ b/scss/_nav.scss
@@ -38,7 +38,7 @@
 
   .nav-item + .nav-item,
   .nav-link + .nav-link {
-    margin-left: 1rem;
+    margin-left: $nav-item-inline-spacer;
   }
 }
 

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 704fe7182b33dd16a8942f2058d77d58a3482aff..aeeec77ff62569384c539ee39f571b548a14f86f 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -389,6 +389,7 @@ $navbar-light-disabled-color:       rgba(0,0,0,.15) !default;
 // Navs
 
 $nav-item-margin:                           .2rem !default;
+$nav-item-inline-spacer:                    1rem !default;
 
 $nav-link-padding:                          .5em 1em !default;
 $nav-link-hover-bg:                         $gray-lighter !default;