Apply colors to footer component

matrix-org · Jun 4, 2024 · 144299d · 144299d
1 parent 258ac4c
commit 144299d
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/sass/components/_footer.scss b/sass/components/_footer.scss
@@ -1,17 +1,18 @@
 @use "../helpers/media";
+@use "../helpers/colors";
 
 .site-footer {
     position: relative;
     z-index: 1;
-    background-color: #000;
+    background-color: colors.$black;
     width: 100%;
     display: flex;
     align-items: center;
     flex-direction: column;
     padding: 30px 40px;
 
     a {
-        color: #999;
+        color: colors.$footer-grey;
         text-decoration: none;
         margin-inline: .8rem;
     }
@@ -53,11 +54,11 @@
     }
 
     a:hover {
-        color: #fff;
+        color: colors.$white;
     }
 
     p {
         margin-top: 20px;
-        color: #999;
+        color: colors.$footer-grey;
     }
 }