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;
  }
 }