Adjust spacing/font size of links in global footer so each menu fit o…

…n one line at all breakpoints; add aria-label to nav in global footer
SU-SWS · Sep 27, 2019 · bdc8780 · bdc8780
1 parent a39e0bc
commit bdc8780
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 9 deletions.
diff --git a/core/dist/css/decanter.css b/core/dist/css/decanter.css
diff --git a/core/src/scss/components/global-footer/_global-footer.scss b/core/src/scss/components/global-footer/_global-footer.scss
@@ -111,7 +111,7 @@
 
       @include grid-media('md') {
         @include padding(0);
-        @include margin(null 1.2rem null null);
+        @include margin(null 1.3rem null null);
         text-align: left;
       }
 
@@ -156,6 +156,12 @@
       font-size: 1.4rem;
     }
 
+    @include grid-media-only('md') {
+      li {
+        @include margin(null 0.9rem null null);
+      }
+    }
+
     @include grid-media-between('md', 'lg') {
       font-size: 1.5rem;
     }
@@ -169,6 +175,10 @@
     font-size: 1.4rem;
     text-align: center;
 
+    @include grid-media-only('xs') {
+      font-size: 1.34rem;
+    }
+
     span {
       white-space: nowrap;
     }

diff --git a/core/src/templates/components/global-footer/global-footer.twig b/core/src/templates/components/global-footer/global-footer.twig
@@ -14,26 +14,26 @@
       <a href="https://www.stanford.edu/" class="su-global-footer__logo">Stanford<br>University</a>
     </div>
     <div class="su-global-footer__content">
-      <nav>
+      <nav aria-label="global footer menu">
         <ul class="su-global-footer__menu su-global-footer__menu--global">
           <li><a href="https://www.stanford.edu">Stanford Home</a></li>
           <li><a href="https://visit.stanford.edu/plan/">Maps &amp; Directions</a></li>
           <li><a href="https://www.stanford.edu/search/">Search Stanford</a></li>
           <li><a href="https://emergency.stanford.edu">Emergency Info</a></li>
         </ul>
         <ul class="su-global-footer__menu su-global-footer__menu--policy">
-          <li><a href="https://www.stanford.edu/site/terms/" title="Terms of use for sites">Terms of Use</a>
-          </li>
-          <li><a href="https://www.stanford.edu/site/privacy/" title="Privacy and cookie policy">Privacy</a>
-          </li>
+          <li><a href="https://www.stanford.edu/site/terms/"
+                 title="Terms of use for sites">Terms of Use</a></li>
+          <li><a href="https://www.stanford.edu/site/privacy/"
+                 title="Privacy and cookie policy">Privacy</a></li>
           <li><a href="https://uit.stanford.edu/security/copyright-infringement"
                  title="Report alleged copyright infringement">Copyright</a></li>
           <li><a href="https://adminguide.stanford.edu/chapter-1/subchapter-5/policy-1-5-4"
                  title="Ownership and use of Stanford trademarks and images">Trademarks</a></li>
           <li><a href="http://exploredegrees.stanford.edu/nonacademicregulations/nondiscrimination/"
                  title="Non-discrimination policy">Non-Discrimination</a></li>
-          <li><a href="https://www.stanford.edu/site/accessibility" title="Report web accessibility issues">Accessibility</a>
-          </li>
+          <li><a href="https://www.stanford.edu/site/accessibility"
+                 title="Report web accessibility issues">Accessibility</a></li>
         </ul>
       </nav>
       <div class="su-global-footer__copyright">