Refactor footer

Author: mcecode

src/layout/body/footer.astro

@@ -1,4 +1,4 @@
-<footer>
+<footer class="small-text">
   <p>
     <a href="https://github.com/mcecode/mce.codes" target="_blank"
       >Made by mcecode</a
@@ -18,16 +18,3 @@
     Thoughts are my own and does not reflect that of my employer or anyone else.
   </p>
 </footer>
-
-<style lang="scss">
-  footer {
-    font-size: v-size(3);
-    color: var(--c-accent);
-  }
-
-  @include m-medium {
-    footer {
-      font-size: v-size(4);
-    }
-  }
-</style>

src/styles/global.scss

@@ -120,6 +120,16 @@ path {
   border: none;
   background: inherit;
 }
+.small-text {
+  font-size: v-size(3);
+  color: var(--c-accent);
+}
+
+@include m-medium {
+  .small-text {
+    font-size: v-size(4);
+  }
+}
 
 // Keyframes