Merge branch 'feature/ISTWCMS-5063-m26lebla-local-footer' into '3.0.x'

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

See merge request !99

source/_patterns/00-config/_design-tokens.artifact.scss

@@ -503,4 +503,4 @@ $gesso: (
     xxl: 96px,
   ),
   gutter-width: 40px,
-);
\ No newline at end of file
+);

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

@@ -23,6 +23,21 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
            color: $uw-grey;
           }
         }
+        &.local-site-footer{
+          color: $uw-local-site-footer-background-color;
+
+          &:visited{
+            color: $uw-local-site-footer-background-color;
+          }
+          &:hover,
+          &:focus,
+          &:active
+          {
+            color:$uw-white;
+          }
+
+        }
+
       }
       .menu--uw-footer li a{
         color: $uw-white;
@@ -32,7 +47,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 +58,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 +99,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 +157,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 +168,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 +216,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 18rem;
     }
+    //@include large {
+    //  grid-template-columns: auto 16rem;
+    //}
     @include xl{
       padding:gesso-spacing(sm) 0;
     }
@@ -63,16 +63,13 @@
     grid-column: 1 / 2;
     grid-row: 3 / 4;
     margin:0 auto;
-    max-width:20rem;
     padding-bottom: gesso-spacing(sm);
-    text-align: center;
     width:100%;
 
     @include medium {
       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

 .social-media-list {
-  align-items: flex-start;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start;
   list-style-type: none;
   margin: 0 auto;
   padding:0;
   padding-bottom: gesso-spacing(sm);
-
+  text-align:center;
   @include xs {
     margin: 0;
     max-width: inherit;
   }
+  @include medium{
+    text-align:right;
+  }
   li {
-    flex: 1;
-    padding-left:0;
+    display: inline-block;
+    padding-left: gesso-spacing(xxs);
     padding-top: 0;
+
+    &:first-of-type {
+      padding-left: 0;
+    }
   }
 }
 
 .uw-social-media {
+
   @include medium {
       text-align: right;
     }
@@ -80,9 +84,3 @@
     color: $uw-local-site-footer-background-color;
   }
 }
-
-.social-media-list-item {
-  list-style-type: none;
-  margin: 0;
-  padding-top: gesso-spacing(xs);
-}