Design

2 files changed, 16 insertions, 17 deletions

diff --git a/assets/css/_utils.scss b/assets/css/_utils.scss
index 3ca80ff..e153845 100644
--- a/assets/css/_utils.scss
+++ b/assets/css/_utils.scss
@@ -52,25 +52,24 @@
     }
 }
 
-@include utility('mta') {
-    margin-top: auto;
-}
+@include utility('pb0') {
+    padding-bottom: 0;
+
+    @each $breakpoint in map-keys($breakpoints) {
+        @include media('<=#{$breakpoint}') {
+            @include suffix('#{$breakpoint}-lo') {
+                padding-bottom: 0;
+            }
+        }
 
-@include utility('mla') {
-    margin-left: auto;
+        @include media('>#{$breakpoint}') {
+            @include suffix('#{$breakpoint}-hi') {
+                padding-bottom: 0;
+            }
+        }
+    }
 }
 
 @include utility('db') {
     display: block;
 }
-
-@include utility('vh') {
-    position: absolute;
-    width:    0;
-    height:   0;
-    overflow: hidden;
-}
-
-@include utility('ar') {
-    text-align: right;
-}
diff --git a/assets/css/components/_footer.scss b/assets/css/components/_footer.scss
index da471e7..9cc0d17 100644
--- a/assets/css/components/_footer.scss
+++ b/assets/css/components/_footer.scss
@@ -9,7 +9,7 @@
     @include component(namespace()) {
         position:    relative;
         min-height:  prop(--dims --outer, $global: true);
-        margin-top:  calc(2 * #{prop(--container --dims --pad-y, $global: true)});
+        margin-top:  prop(--dims --outer, $global: true);
         overflow:    hidden;
         color:       prop(--colors --fg);
         font-family: $font-fam--mono;