Finish up global footer (#802)

SU-SWS · Feb 12, 2021 · bd96136 · bd96136
1 parent 5ec4954
commit bd96136
Showing 1 changed file with 25 additions and 29 deletions.
diff --git a/dev/src/sample.test.html b/dev/src/sample.test.html
@@ -645,84 +645,80 @@ <h3 class="su-mb-0">2 x 1 Box</h3>
       title='Common Stanford resources'
   >
     <div class='su-text-center su-mt-5 su-mb-9'>
-      <a class='su-logo su-type-3' href='https://www.stanford.edu'>
-        Stanford
-        <br />
-        University
-      </a>
+      <a class='su-logo su-type-3' href='https://www.stanford.edu'>Stanford<br />University</a>
     </div>
-    <div class='su-global-footer__content lg:su-pl-45 su-text-left sm:su-text-center lg:su-text-left su-flex-grow'>
-      <nav aria-label='global footer menu' class='su-flex su-flex-row sm:su-flex-col su-justify-center su-mb-10 su-link-no-underline hover:su-link-underline focus:su-link-underline'>
-        <ul class='su-list-unstyled su-mb-10 su-p-0 su-text-15 md:su-text-17 2xl:su-text-18 su-flex su-flex-col sm:su-flex-row'>
-          <li>
+    <div class='lg:su-pl-45 xl:su-pl-50 su-text-left sm:su-text-center lg:su-text-left su-flex-grow'>
+      <nav aria-label='global footer menu' class='su-flex su-flex-row sm:su-flex-col su-justify-center sm:su-items-center lg:su-items-start su-mb-10 su-link-no-underline hover:su-link-underline focus:su-link-underline'>
+        <ul class='su-list-unstyled su-mb-10 sm:su-mb-4 su-mr-19 sm:su-mr-0 su-p-0 su-text-15 md:su-text-17 2xl:su-text-18 su-flex su-flex-col sm:su-flex-row'>
+          <li class="sm:su-mr-10 md:su-mr-20 lg:su-mr-27">
             <a href='https://www.stanford.edu'>
               Stanford Home
-              <span class="su-sr-only">(external link)</span>
+              <span class="su-sr-only">(link is external)</span>
             </a>
           </li>
-          <li>
+          <li class="sm:su-mr-10 md:su-mr-20 lg:su-mr-27">
             <a href='https://visit.stanford.edu/plan/'>
               Maps &amp; Directions
-              <span class="su-sr-only">(external link)</span>
+              <span class="su-sr-only">(link is external)</span>
             </a>
           </li>
-          <li>
+          <li class="sm:su-mr-10 md:su-mr-20 lg:su-mr-27">
             <a href='https://www.stanford.edu/search/'>
               Search Stanford
-              <span class="su-sr-only">(external link)</span>
+              <span class="su-sr-only">(link is external)</span>
             </a>
           </li>
           <li>
             <a href='https://emergency.stanford.edu'>
               Emergency Info
-              <span class="su-sr-only">(external link)</span>
+              <span class="su-sr-only">(link is external)</span>
             </a>
           </li>
         </ul>
-        <ul class='su-list-unstyled su-mb-10 su-p-0 su-text-15 su-flex su-flex-col sm:su-flex-row sm:su-link-regular'>
-          <li>
+        <ul class='su-list-unstyled su-mb-10 sm:su-mb-0 su-ml-19 sm:su-ml-0 su-p-0 su-text-15 sm:su-text-14 md:su-text-15 xl:su-text-16 su-flex su-flex-col sm:su-flex-row sm:su-link-regular'>
+          <li class="sm:su-mr-10 md:su-mr-20 lg:su-mr-27">
             <a
                 href='https://www.stanford.edu/site/terms/'
                 title='Terms of use for sites'
             >
               Terms of Use
-              <span class="su-sr-only">(external link)</span>
+              <span class="su-sr-only">(link is external)</span>
             </a>
           </li>
-          <li>
+          <li class="sm:su-mr-10 md:su-mr-20 lg:su-mr-27">
             <a
                 href='https://www.stanford.edu/site/privacy/'
                 title='Privacy and cookie policy'
             >
               Privacy
-              <span class="su-sr-only">(external link)</span>
+              <span class="su-sr-only">(link is external)</span>
             </a>
           </li>
-          <li>
+          <li class="sm:su-mr-10 md:su-mr-20 lg:su-mr-27">
             <a
                 href='https://uit.stanford.edu/security/copyright-infringement'
                 title='Report alleged copyright infringement'
             >
               Copyright
-              <span class="su-sr-only">(external link)</span>
+              <span class="su-sr-only">(link is external)</span>
             </a>
           </li>
-          <li>
+          <li class="sm:su-mr-10 md:su-mr-20 lg:su-mr-27">
             <a
                 href='https://adminguide.stanford.edu/chapter-1/subchapter-5/policy-1-5-4'
                 title='Ownership and use of Stanford trademarks and images'
             >
               Trademarks
-              <span class="su-sr-only">(external link)</span>
+              <span class="su-sr-only">(link is external)</span>
             </a>
           </li>
-          <li>
+          <li class="sm:su-mr-10 md:su-mr-20 lg:su-mr-27">
             <a
                 href='http://exploredegrees.stanford.edu/nonacademicregulations/nondiscrimination/'
                 title='Non-discrimination policy'
             >
               Non-Discrimination
-              <span class="su-sr-only">(external link)</span>
+              <span class="su-sr-only">(link is external)</span>
             </a>
           </li>
           <li>
@@ -731,14 +727,14 @@ <h3 class="su-mb-0">2 x 1 Box</h3>
                 title='Report web accessibility issues'
             >
               Accessibility
-              <span class="su-sr-only">(external link)</span>
+              <span class="su-sr-only">(link is external)</span>
             </a>
           </li>
         </ul>
       </nav>
       <div class='su-text-13 sm:su-text-14 su-text-center lg:su-text-left'>
-        <span>&copy; Stanford University.</span>
-        <span>&nbsp; Stanford, California 94305.</span>
+        <span class="su-whitespace-no-wrap">&copy; Stanford University.</span>
+        <span class="su-whitespace-no-wrap">&nbsp; Stanford, California 94305.</span>
       </div>
     </div>
   </div>