Allow navbar links padding to be configurable.

Created by: coder4life

Fixes #21956 (closed)

scss/_navbar.scss

@@ -153,8 +153,7 @@
           flex-direction: row;
 
           .nav-link {
-            padding-right: .5rem;
-            padding-left: .5rem;
+            padding: $navbar-link-padding;
           }
         }
 

scss/_variables.scss

@@ -611,6 +611,7 @@ $navbar-light-active-color:         rgba($black,.9) !default;
 $navbar-light-disabled-color:       rgba($black,.3) !default;
 $navbar-light-toggler-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
 $navbar-light-toggler-border:       rgba($black,.1) !default;
+$navbar-link-padding:               0 .5em !default;
 
 // Navs