Design

3 files changed, 12 insertions, 19 deletions

diff --git a/assets/css/_utils.scss b/assets/css/_utils.scss
index e153845..31440c3 100644
--- a/assets/css/_utils.scss
+++ b/assets/css/_utils.scss
@@ -73,3 +73,7 @@
 @include utility('db') {
     display: block;
 }
+
+@include utility('flex-shrink-0') {
+    flex-shrink: 0;
+}
diff --git a/assets/css/components/_footer.scss b/assets/css/components/_footer.scss
index 9cc0d17..3705b79 100644
--- a/assets/css/components/_footer.scss
+++ b/assets/css/components/_footer.scss
@@ -2,18 +2,19 @@
     @include store((
         --colors: (
             --fg:     prop(--colors --obj, $global: true),
+            --bg:     prop(--colors --bg, $global: true),
             --ground: prop(--colors --obj, $global: true),
         )
     ));
 
     @include component(namespace()) {
-        position:    relative;
-        min-height:  prop(--dims --outer, $global: true);
-        margin-top:  prop(--dims --outer, $global: true);
-        overflow:    hidden;
-        color:       prop(--colors --fg);
-        font-family: $font-fam--mono;
-        line-height: 1.4;
+        position:         relative;
+        min-height:       prop(--dims --outer, $global: true);
+        overflow:         hidden;
+        background-color: prop(--colors --bg);
+        color:            prop(--colors --fg);
+        font-family:      $font-fam--mono;
+        line-height:      1.4;
 
         &::after {
             content:     str-repeat('░', 400);
diff --git a/assets/css/components/_post-list.scss b/assets/css/components/_post-list.scss
index dc3eda6..03b5e7a 100644
--- a/assets/css/components/_post-list.scss
+++ b/assets/css/components/_post-list.scss
@@ -36,17 +36,5 @@
                 margin-top: .6rem;
             }
         }
-
-        @include element('post-title') {
-            //font-size:   1 / 16 * 17em;
-            font-weight: normal;
-        }
-
-        @include element('post-date') {
-            flex:       0 0 auto;
-            transition: color .2s;
-            color:      prop(--colors --meta --fg);
-            font-size:  1 / 16 * 14em;
-        }
     }
 }