feat(PolicyFooter): Add the terms of serivce and policy links to the … (

#1778) * feat(PolicyFooter): Add the terms of serivce and policy links to the footer * Updated static color value to global variable * Fixed styling * Fixed padding
mbta · Oct 25, 2023 · f7366ea · f7366ea
1 parent 7bc1bd9
commit f7366ea
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git a/apps/site/assets/css/_footer.scss b/apps/site/assets/css/_footer.scss
@@ -490,3 +490,21 @@ address {
     border-radius: 40px 40px 0 0;
   }
 }
+
+.m-footer__policy-links {
+  display: block;
+  font-size: .9rem;
+
+  @include media-breakpoint-up(lg) {
+    font-size: 1rem;
+    margin-left: 3.5rem;
+  }
+
+  @include media-breakpoint-down(xs) {
+    margin-left: 1rem;
+  }
+
+  a {
+    color: $brand-primary-light-contrast;
+  }
+}
diff --git a/apps/site/lib/site_web/templates/layout/_footer.html.eex b/apps/site/lib/site_web/templates/layout/_footer.html.eex
@@ -70,6 +70,10 @@
             </div>
           </div>
           <p class="m-footer__copyright">&copy; Massachusetts Bay Transportation Authority, all rights reserved.</p>
+          <div class="container m-footer__policy-links mt-16">
+            <%= link "Privacy Policy", to: "/policies/privacy-policy", class: "me-16" %>
+            <%= link "Terms of Use", to: "/policies/terms-use" %>
+          </div>
         </div>
       </footer>
     </div>