ISTWCMS-5063: local site footer changes- color and icons spacing

source/_patterns/01-global/00-colors/_colors.scss

@@ -32,7 +32,8 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
           color:$uw-gold;
         }
       }
-      .uw-site-footer__content a{
+      .uw-site-footer__content a,
+      .uw-site-footer__title a{
         color: $uw-white;
         &:visited,
         &:hover,
@@ -42,6 +43,14 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
           color:$uw-white;
         }
       }
+      .uw-site-footer__social-media a {
+        &:visited,
+        &:hover,
+        &:focus,
+        &:active{
+          color:gesso-grayscale(gray-5);
+        }
+      }
       .uw-footer__social-directory a{
         &:link,
         &:visited {
@@ -75,6 +84,9 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
           color:$uw-black !important;
         }
       }
+      .uw-site-footer__content .highlight{
+        color: $uw-white;
+      }
     }
     // Else run the loop on the faculties.
     @else {
@@ -130,7 +142,8 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
           color:$uw-gold;
         }
       }
-      .uw-site-footer__content a{
+      .uw-site-footer__content a,
+      .uw-site-footer__title a{
         color: $uw-white;
         &:visited,
         &:hover,
@@ -140,6 +153,15 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
           color:$uw-white;
         }
       }
+      .uw-site-footer__social-media a {
+        &:visited,
+        &:hover,
+        &:focus,
+        &:active{
+          color:gesso-grayscale(gray-5);
+        }
+
+      }
       .uw-footer__social-directory a{
         &:link,
         &:visited {
@@ -179,6 +201,9 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
           color:$uw-black;
         }
       }
+      .uw-site-footer__content .highlight{
+        color: $uw-white;
+      }
     }
   }
 }

source/_patterns/03-layouts/footer/_footer.scss

@@ -15,13 +15,11 @@
     grid-template-columns:50% 50%;
     }
     @include medium {
-      grid-template-columns:200px auto 14rem;
-
+      grid-template-columns: 28% auto 14rem;
     }
 
     @include large {
-      grid-template-columns:246px auto 16rem;
-
+      grid-template-columns: 28% auto 16rem;
     }
 
   }

source/_patterns/03-layouts/site-footer/_site-footer.scss

@@ -9,11 +9,11 @@
     padding-bottom:gesso-spacing(sm);
     padding-top:gesso-spacing(sm);
     @include medium {
-      grid-template-columns: 60% 40%;
-    }
-    @include large {
-      grid-template-columns: 70% 30%;
+      grid-template-columns: auto 16rem;
     }
+    //@include large {
+    //  grid-template-columns: auto 16rem;
+    //}
     @include xl{
       padding:gesso-spacing(sm) 0;
     }
@@ -72,7 +72,6 @@
       grid-column: 2 / 3;
       grid-row: 1 / 2;
       margin:0;
-      max-width:inherit;
     }
 
     @include xl {

source/_patterns/04-components/menu/menu--social/_menu--social.scss

@@ -2,7 +2,15 @@
   align-items: flex-start;
   display: flex;
   flex-wrap: wrap;
-  justify-content: flex-start;
+  justify-content: flex-end;
+  .uw-site-footer &{
+    justify-content: center;
+  }
+  @include medium{
+    .uw-site-footer &{
+      justify-content:flex-end;
+    }
+  }
   list-style-type: none;
   margin: 0 auto;
   padding:0;
@@ -80,9 +88,3 @@
     color: $uw-local-site-footer-background-color;
   }
 }
-
-.social-media-list-item {
-  list-style-type: none;
-  margin: 0;
-  padding-top: gesso-spacing(xs);
-}