1 files changed, 16 insertions, 8 deletions

diff --git a/assets/css/components/_footer.scss b/assets/css/components/_footer.scss
index db30fcd..c20bc22 100644
--- a/assets/css/components/_footer.scss
+++ b/assets/css/components/_footer.scss
@@ -1,17 +1,25 @@
 @include namespace('footer') {
     @include store((
-        --dims: (
-            --pad-y: .8em
-        ),
         --colors: (
-            --fg: prop(--colors --obj, $global: true)
+            --fg:     prop(--colors --obj, $global: true),
+            --border: prop(--colors --bg-lo, $global: true),
         )
     ));
 
     @include component(namespace()) {
-        padding-top:    prop(--dims --pad-y);
-        padding-bottom: prop(--dims --pad-y);
-        color:          prop(--colors --fg);
-        text-align:     right;
+        display:         flex;
+        align-items:     center;
+        justify-content: space-between;
+        height:          prop(--dims --outer, $global: true);
+
+        @include element('content') {
+            width:        100%;
+            height:       100%;
+            margin-right: prop(--dims --outer-spacing, $global: true);
+            margin-left:  prop(--dims --outer-spacing, $global: true);
+            border-top:   1px solid prop(--colors --border);
+            color:        prop(--colors --fg);
+            line-height:  prop(--dims --outer, $global: true);
+        }
     }
 }