ISTWCMS-2287: using colour variables for UW colours

components/_patterns/01-atoms/09-menu/social-media/social-media.scss → components/_patterns/01-atoms/09-menu/social-media/_social-media.scss

@@ -27,12 +27,12 @@ i.social-media-i {
   font-size: 2.02729rem;
   border-radius: 3px;
   color: #000;
-  background-color: #fff;
+  background-color: $uw-white;
 }
 
 i.social-media-i:hover {
-  color: #ffd54f;
-  background-color: black;
+  color: $uw-gold;
+  background-color: $uw-black;
   transition-property: color, background-color;
   transition-duration: 0.2s;
   transition-delay: 0s;
@@ -41,17 +41,17 @@ i.social-media-i:hover {
 a.social-media-link {
   color: black;
   text-decoration: none;
-  background-color: white;
+  background-color: $uw-white;
 }
 
 a.social-media-link:hover {
-  color: #ffd54f;
+  color: $uw-gold;
   text-decoration: none;
-  background-color: black;
+  background-color: $uw-black;
 }
 
 li.social-media-list-item {
   list-style-type: none;
-  background-color: black;
+  background-color: $uw-black;
   margin: 0;
 }

components/_patterns/02-molecules/menus/global-footer-menu/global-footer-menu.scss → components/_patterns/02-molecules/menus/global-footer-menu/_global-footer-menu.scss

 .uw-footer {
-  background-color: black;
+  background-color: $uw-black;
   font-family: "BureauGrotCond Book", impact, "avenir next condensed heavy", "Droid Sans", sans-serif;
 }
 
@@ -28,7 +28,7 @@
 
 .global-footer-menu li a {
   color: #fff;
-  text-decoration: white;
+  text-decoration: $uw-white;
   padding: 0;
   display: block;
   text-transform: uppercase;

components/_patterns/02-molecules/menus/global-header-menu/global-header-menu.scss → components/_patterns/02-molecules/menus/global-header-menu/_global-header-menu.scss

 .global-menu {
   display: block;
   text-align: center;
-  background-color: black;
+  background-color: $uw-black;
   font-family: "BureauGrotCond Book", impact, "avenir next condensed heavy", "Droid Sans", sans-serif;
   text-transform: uppercase;
   letter-spacing: 0.045rem;
@@ -17,7 +17,7 @@
 }
 
 .global-menu li a {
-  color: #fff;
+  color: $uw-gold;
   text-decoration: none;
 }
 

components/_patterns/02-molecules/search-button/search-button.scss → components/_patterns/02-molecules/search-button/_search-button.scss

 #uw-header-search-button {
-  background-color: black;
+  background-color: $uw-black;
 }
 
 .uw-header--buttons {
@@ -7,7 +7,7 @@
   display: block;
   width: 100%;
   height: 100%;
-  background-color: black;
+  background-color: $uw-black;
 }
 
 .uw-header--buttons__search {
@@ -23,7 +23,7 @@ a.search-button {
 }
 
 a.search-button:hover {
-  color: #fdd54f;
+  color: $uw-gold;
 }
 
 .fdsu-search-2::before {

components/_patterns/02-molecules/uw-logo/_uw-logo.scss

 .uw-logo-wrapper {
-  background-color: black;
+  background-color: $uw-black;
 }
 
 .uw-logo {

components/_patterns/03-organisms/site/site-footer/_site-footer.scss

 footer {
-  background-color: #000;
+  background-color: $uw-black;
   border: none;
   padding: 0;
   margin-top: 0;
-  clear: both;
-  position: relative;
-}
-
-footer {
-  background-color: $uw-black;
-}
-
-footer .uw-section--inner {
-  max-width: 63.125rem;
-  margin-left: auto;
-  margin-right: auto;
+  width: 100%;
 }
 
 .uw-footer-grid {
@@ -23,7 +12,7 @@ footer .uw-section--inner {
   margin-right: auto;
   display: grid;
   grid-template-columns: auto auto auto;
-  grid-template-rows: auto auto auto;
+  grid-template-rows: auto;
 }
 
 .uw-footer-grid .footer-1 {

components/_patterns/03-organisms/site/site-header/_site-header.scss

 .header {
   width: 100%;
-  background-color: black;
+  background-color: $uw-black;
   padding-top: 0.5rem;
 }
 
 #uw-header {
   position: relative;
-  background-color: #000;
+  background-color: $uw-black;
   max-width: 63.125rem;
   margin-left: auto;
   margin-right: auto;
@@ -48,7 +48,7 @@
 }
 
 .uw-header--logo {
-  background-color: black;
+  background-color: $uw-black;
 }
 
 .uw-header-content ul {