Some design fixes, page list metadata improvements

4 files changed, 13 insertions, 3 deletions

diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index 9a6a53e..fd15836 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -39,6 +39,11 @@ body {
     padding: 0;
 }
 
+main {
+    display:        flex;
+    flex-direction: column;
+}
+
 pre,
 code {
     font-family: $font-fam--mono;
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index 4dc709b..bf2097e 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -39,7 +39,7 @@ $content--width:  42rem;
             --outer:  4rem,
             --indent: 2rem,
 
-            --obj-shadow: 0 .4em 3.5em,
+            --obj-shadow: 0 .4em 2.8em,
         ),
         --colors: (
             --bg-hi:  $gray0, // Darker background
@@ -76,7 +76,7 @@ $content--width:  42rem;
                 --idle: var(--colors--fg-lo),
                 --colored: (
                     --idle:    hsl(220, 100%, 80%), //hsl(var(--colors--accent--h), 100%, 66%), //
-                    --visited: hsl(290, 35%, 75%), //hsl(var(--colors--accent--h), 50%, 66%), //
+                    --visited: hsl(290, 35%, 72%), //hsl(var(--colors--accent--h), 50%, 66%), //
                 )
             ),
 
diff --git a/assets/css/components/_footer.scss b/assets/css/components/_footer.scss
index 3705b79..cc0e827 100644
--- a/assets/css/components/_footer.scss
+++ b/assets/css/components/_footer.scss
@@ -9,7 +9,9 @@
 
     @include component(namespace()) {
         position:         relative;
+        flex:             0 0 auto;
         min-height:       prop(--dims --outer, $global: true);
+        margin-top:       auto;
         overflow:         hidden;
         background-color: prop(--colors --bg);
         color:            prop(--colors --fg);
diff --git a/assets/css/components/_post-list.scss b/assets/css/components/_post-list.scss
index 03b5e7a..ba4c5af 100644
--- a/assets/css/components/_post-list.scss
+++ b/assets/css/components/_post-list.scss
@@ -15,8 +15,11 @@
     ));
 
     @include component(namespace()) {
+        margin-top: $line-height * 2rem;
+
         @include element('category-header') {
-            color: prop(--colors --cat --fg);
+            margin-top: $line-height * 2rem;
+            color:      prop(--colors --cat --fg);
         }
 
         @include element('category-content') {