bring over styles from .nav for .navbar-nav

since we're no longer using the .nav as a base class, we need to bring over some base styles for redoing browser list styles and setting flex in motion.

also brings with it some .nav-link styling. we're still using this global class, but with this small modification for alignment of content in responsive modes.

diff --git a/scss/_navbar.scss b/scss/_navbar.scss
index 6b2a03bb1767a822c042545cca7cfc9f19d5486b..afa3e352b91f9565a1427322e8f71932674c8ae0 100644 (file)
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -128,11 +128,15 @@
 // Custom navbar navigation built on the base `.nav` styles.
 
 .navbar-nav {
+  display: flex;
+  flex-direction: column; // cannot use `inherit` to get the `.navbar`s value
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
 
   .nav-link {
-    display: block;
-    padding-top: .425rem;
-    padding-bottom: .425rem;
+    padding-left: 0;
+    padding-right: 0;
   }
 }