Merge pull request #992 from sadiejay/top-rebrand

Adds branding to nav and footer

Author: sadiejay

_includes/dch/dch__filters.html

@@ -21,7 +21,7 @@
         {% endfor %}
       </ul>
     </div>
-    <hr class="margin-top-3 margin-bottom-0 border-accent-warm">
+    <!-- <hr class="margin-top-3 margin-bottom-0 border-accent-warm"> -->
 
   {% else %}
 

_includes/navbar.html

@@ -28,8 +28,8 @@
           {% for link in links %}
             {% if link.accordion %}
               {% assign itemName = link.text | remove: " " %}
-              <li class="usa-nav__primary-item">
-                <button class="usa-accordion__button usa-nav__link  usa-current font-sans-xs text-ls-2 text-light"
+              <li class="font-family-serif usa-nav__primary-item">
+                <button class="usa-accordion__button usa-nav__link  usa-current font-serif-sm text-ls-2 text-light"
                   aria-expanded="false"
                   aria-controls="extended-nav-section-{{itemName}}">
                   <span>{{ link.text }}</span></button>
@@ -47,7 +47,7 @@
               </li>
             {% else %}
               <li class="usa-nav__primary-item">
-                <a class="usa-nav__link font-sans-xs text-ls-2 text-light" href="{{ site.baseurl }}/{{ link.href }}"><span>{{ link.text }}</span></a>
+                <a class="usa-nav__link font-serif-sm text-ls-2 text-light" href="{{ site.baseurl }}/{{ link.href }}"><span>{{ link.text }}</span></a>
               </li>
             {% endif %}
           {% endfor %}
@@ -67,7 +67,7 @@
   </button>
 
   <div class="usa-nav__inner">
-    <ul class="usa-nav__primary usa-accordion">
+    <ul class="usa-nav__primary usa-accordion font-family-serif">
       {% include nav/sections.html sections=site.data.nav.primary %}
     </ul>
   </div>

css/_uswds-theme-custom-styles.scss

@@ -1110,6 +1110,7 @@ main {
     background-color: #3A2920;
     color: $bg-top-white;
     cursor: initial;
+    box-shadow: 0px 4px 4px rgba(0, 0, 0, .25);
   }
 }
 
@@ -2641,6 +2642,7 @@ div.toolkit-todo__resources {
   @include typeset("lang");
   clear: both;
   background-color: $text-top-white;
+  border-top: $text-top-black solid 2px;
 
   h3 {
     margin-top: 0;