WIP Secondary navigation

docs/_includes/customizer-variables.html

@@ -1508,11 +1508,15 @@ <h2 id="container-sizes">Container sizes</h2>
     <label for="input-@nav-link-active-color">@nav-link-active-color</label>
     <input id="input-@nav-link-active-color" type="text" value="@link-secondary-active-color" data-var="@nav-link-active-color" class="form-control"/>
   </div>
+  <div class="col-xs-4">
+    <label for="input-@nav-link-active-bg">@nav-link-active-bg</label>
+    <input id="input-@nav-link-active-bg" type="text" value="@brand-smoke-plus-10" data-var="@nav-link-active-bg" class="form-control"/>
+  </div>
+  <div class="clearfix"></div>
   <div class="col-xs-4">
     <label for="input-@nav-active-link-color">@nav-active-link-color</label>
     <input id="input-@nav-active-link-color" type="text" value="@link-color" data-var="@nav-active-link-color" class="form-control"/>
   </div>
-  <div class="clearfix"></div>
   <div class="col-xs-4">
     <label for="input-@nav-active-link-hover-color">@nav-active-link-hover-color</label>
     <input id="input-@nav-active-link-hover-color" type="text" value="@link-hover-color" data-var="@nav-active-link-hover-color" class="form-control"/>
@@ -1521,11 +1525,11 @@ <h2 id="container-sizes">Container sizes</h2>
     <label for="input-@nav-active-link-active-color">@nav-active-link-active-color</label>
     <input id="input-@nav-active-link-active-color" type="text" value="@link-active-color" data-var="@nav-active-link-active-color" class="form-control"/>
   </div>
+  <div class="clearfix"></div>
   <div class="col-xs-4">
     <label for="input-@nav-inverse-link-color">@nav-inverse-link-color</label>
     <input id="input-@nav-inverse-link-color" type="text" value="@brand-pale-blue" data-var="@nav-inverse-link-color" class="form-control"/>
   </div>
-  <div class="clearfix"></div>
   <div class="col-xs-4">
     <label for="input-@nav-inverse-link-hover-color">@nav-inverse-link-hover-color</label>
     <input id="input-@nav-inverse-link-hover-color" type="text" value="@brand-light-blue" data-var="@nav-inverse-link-hover-color" class="form-control"/>
@@ -1534,6 +1538,7 @@ <h2 id="container-sizes">Container sizes</h2>
     <label for="input-@nav-inverse-link-active-color">@nav-inverse-link-active-color</label>
     <input id="input-@nav-inverse-link-active-color" type="text" value="@brand-light-blue-minus-10" data-var="@nav-inverse-link-active-color" class="form-control"/>
   </div>
+  <div class="clearfix"></div>
   <div class="col-xs-4">
     <label for="input-@nav-inverse-link-active-bg">@nav-inverse-link-active-bg</label>
     <input id="input-@nav-inverse-link-active-bg" type="text" value="@brand-navy-minus-10" data-var="@nav-inverse-link-active-bg" class="form-control"/>