From 2cda552e5444edb6b4b5842b7932e8fd0b3f15b0 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 12 May 2021 08:37:29 +0200
Subject: Design update

---
 assets/css/_vars.scss                   |  4 ++--
 assets/css/components/_post-list.scss   | 13 ++++++-------
 scripts/metadata_filter.lua             |  1 +
 templates/layouts/categorized_list.html |  9 ++++++---
 4 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index 5ba9fa2..ab3d9e5 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -68,8 +68,8 @@ $gray7: hsl(220, 7%, 100%);
         --link: (
             --idle: var(--colors--fg-lo),
             --colored: (
-                --idle:    hsl(210, 90%, 72%), // hsl(354, 100%, 66%),
-                --visited: hsl(270, 60%, 75%), // hsl(354, 50%, 66%),
+                --idle:    hsl(210, 90%, 72%), //hsl(var(--colors--accent--h), 100%, 66%), //
+                --visited: hsl(270, 60%, 75%), //hsl(var(--colors--accent--h), 50%, 66%), //
             )
         ),
     )
diff --git a/assets/css/components/_post-list.scss b/assets/css/components/_post-list.scss
index 764fe3f..5e9f520 100644
--- a/assets/css/components/_post-list.scss
+++ b/assets/css/components/_post-list.scss
@@ -5,8 +5,8 @@
                 --fg: prop(--colors --fg-lo, $global: true),
             ),
             --post: (
-                --idle-fg:    hsl(210, 90%, 72%), // hsl(354, 100%, 66%),
-                --visited-fg: hsl(270, 60%, 75%), // hsl(354, 50%, 66%),
+                --idle-fg:    prop(--colors --fg-lo, $global: true),
+                --visited-fg: prop(--colors --fg, $global: true),
                 --bg:         prop(--colors --bg-lo, $global: true),
                 --border:     prop(--colors --obj-hi, $global: true),
             ),
@@ -41,7 +41,7 @@
             text-decoration:  none;
 
             @include next-twin-element {
-                border-top: 1px solid prop(--colors --post --border);
+                margin-top: 2px;
             }
 
             &:visited {
@@ -52,10 +52,9 @@
         }
 
         @include element('post-title') {
-            margin-right:    1em;
-            color:           prop(--colors --post --idle-fg);
-            font-size:       1 / 16 * 17em;
-            text-decoration: underline;
+            margin-right: 1em;
+            color:        prop(--colors --post --idle-fg);
+            font-size:    1 / 16 * 17em;
         }
 
         @include element('post-date') {
diff --git a/scripts/metadata_filter.lua b/scripts/metadata_filter.lua
index 5f2d9af..914cd09 100644
--- a/scripts/metadata_filter.lua
+++ b/scripts/metadata_filter.lua
@@ -13,6 +13,7 @@ function format_date(date)
         dd = os.date("%d", time),
         rfc3339 = os.date("%FT%T+00:00", time),
         long = os.date("%B %d, %Y", time),
+        short = os.date("%b %d, %y", time),
     }
 end
 
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 60729bd..5dddc55 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -1,6 +1,6 @@
 <section class="l-section l-section--fullscreen l-section--no-head">
-    <div class="l-container l-container--pad-x l-container--pad-y l-container--content s-colored-links">
-        <div class="s-headlines">
+    <div class="l-container l-container--pad-x l-container--pad-y l-container--content">
+        <div class="s-headlines s-colored-links">
             <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1>
 
 $body$
@@ -18,7 +18,10 @@ $body$
                         </span>
 
                         $if(it.category.show_date)$
-                            <time datetime="$it.date.yyyy_mm_dd$" class="c-post-list__post-date">
+                            <time datetime="$it.date.yyyy_mm_dd$" class="c-post-list__post-date u-dn@sm-hi">
+                                $it.date.short$
+                            </time>
+                            <time datetime="$it.date.yyyy_mm_dd$" class="c-post-list__post-date u-dn@sm-lo">
                                 $it.date.long$
                             </time>
                         $endif$
-- 
cgit v1.2.3-54-g00ecf