3 files changed, 9 insertions, 0 deletions

diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index 77b59b9..d665c0b 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -20,6 +20,8 @@ $nav--item--spacing--sm: 3ch;
 $nav--item--pad-h: 1ch;
 $nav--item--pad-v: .9em;
 
+$footer--pad-v: .9em;
+
 $page--item-prefix--max-chars: 3ch;
 $page--item-prefix--pad: 2ch;
 $page--item-prefix--width: $page--item-prefix--max-chars + $page--item-prefix--pad;
diff --git a/assets/css/components/_footer.scss b/assets/css/components/_footer.scss
new file mode 100644
index 0000000..a015d92
--- /dev/null
+++ b/assets/css/components/_footer.scss
@@ -0,0 +1,6 @@
+.c-footer {
+    padding-top: $footer--pad-v;
+    padding-bottom: $footer--pad-v;
+    color: var(--obj);
+    text-align: right;
+}
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 9f3bb31..60fa4ff 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -7,6 +7,7 @@
 @import 'components/nav';
 @import 'components/page';
 @import 'components/hero';
+@import 'components/footer';
 
 @import 'layouts/container';