MDL-80831 theme: Set a vertical padding for footer links

This is to increase the target size of links within the footer and meet WCAG 2.2 Level AA Success Criterion 2.5.8
2024-05-29 10:39:18 +08:00
parent 1085bf7897
commit 6bd5ef1dce
3 changed files with 6 additions and 0 deletions
@@ -2214,6 +2214,8 @@ $footer-link-color: $bg-inverse-link-color !default;
    a {
        color: $footer-link-color;
        text-decoration: underline;
+        padding-top: map-get($spacers, 1);
+        padding-bottom: map-get($spacers, 1);

        .icon {
            color: $footer-link-color;
@@ -25177,6 +25177,8 @@ h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
 .footer-dark a {
  color: #fff;
  text-decoration: underline;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
 }
 .footer-dark a .icon {
  color: #fff;
@@ -25177,6 +25177,8 @@ h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
 .footer-dark a {
  color: #fff;
  text-decoration: underline;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
 }
 .footer-dark a .icon {
  color: #fff;