Improve list element white-space

assets/_scss/_base.scss

@@ -163,6 +163,18 @@ hr {
   border-top: 1px solid $border-color;
 }
 
+/* lists */
+
+ul li,
+ol li {
+  margin-bottom: 0.5em;
+}
+
+li ul,
+li ol {
+  margin-top: 0.5em;
+}
+
 /*
    Media and embeds
    ========================================================================== */
@@ -278,6 +290,17 @@ nav {
   a {
     text-decoration: none;
   }
+
+  /* override white-space for nested lists */
+  ul li,
+  ol li {
+    margin-bottom: 0;
+  }
+
+  li ul,
+  li ol {
+    margin-top: 0;
+  }
 }
 
 /*

assets/_scss/_navigation.scss

@@ -337,7 +337,7 @@
 
 .nav__title {
   margin: 0;
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   font-family: $sans-serif-narrow;
   font-size: $type-size-5;
   font-weight: bold;
@@ -345,8 +345,8 @@
 
 .nav__sub-title {
   display: block;
-  margin: 0.5em 0;
-  padding: 0.5em 0;
+  margin: 0.5rem 0;
+  padding: 0.5rem 0;
   font-family: $sans-serif-narrow;
   font-size: $type-size-6;
   font-weight: bold;
@@ -387,7 +387,7 @@
 
   a {
     display: block;
-    padding: 1em 2em;
+    padding: 0.5rem 1rem;
     color: $gray;
     font-size: $type-size-7;
     font-weight: bold;
@@ -407,7 +407,7 @@
   }
 
   li ul > li a {
-    padding-left: 3em;
+    padding-left: 2rem;
     font-weight: normal;
   }