From ec019225bc15b10c18f7512b4d0bc9275b096cd3 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Fri, 17 Jun 2022 09:08:44 +0200
Subject: Better font sizes

---
 templates/partials/list_card.html | 41 ++++++++++++++++++++++++---------------
 1 file changed, 25 insertions(+), 16 deletions(-)

(limited to 'templates/partials/list_card.html')

diff --git a/templates/partials/list_card.html b/templates/partials/list_card.html
index 6335786..744ca8a 100644
--- a/templates/partials/list_card.html
+++ b/templates/partials/list_card.html
@@ -16,27 +16,36 @@ $if(it.url)$
                 <use href="/icons.svg#$it.icon$"></use>
             </svg>
         $endif$
-        <div class="l-media__block l-media__block--main p-name" itemprop="name headline">
+        <div class="l-media__block l-media__block--main u-d-none@sm-hi">
+            $if(it.subtitle)$
+                <small class="u-d-block">$it.subtitle$</small>
+                <strong class="u-d-block">$it.title$</strong>
+            $elseif(it.category)$
+                <small class="u-d-block">$it.category$</small>
+                <strong class="u-d-block">$it.title$</strong>
+            $elseif(it.date)$
+                <time datetime="$it.date.yyyy_mm_dd$" class="u-d-block"><small>$it.date.long$</small></time>
+                <strong class="u-d-block">$it.title$</strong>
+            $else$
+                <span class="p-name" itemprop="name headline">
+                    $it.title$
+                </span>
+            $endif$
+        </div> 
+        <div class="l-media__block l-media__block--main u-d-none@sm-lo">
             $it.title$
         </div> 
         $if(it.subtitle)$
-            <div class="l-media__block u-fs0">
-                <small>
-                    $it.subtitle$
-                </small>
-            </div>
+            <small class="l-media__block u-d-none@sm-lo">
+                $it.subtitle$
+            </small>
         $elseif(it.category)$
-            <div class="l-media__block u-fs0">
-                <small>
-                    $it.category$
-                </small>
-            </div>
+            <small class="l-media__block u-d-none@sm-lo">
+                $it.category$
+            </small>
         $elseif(it.date)$
-            <time datetime="$it.date.yyyy_mm_dd$" class="l-media__block u-fs0" itemprop="dateCreated">
-                <small class="u-d-none@sm-hi">
-                    $it.date.short$
-                </small>
-                <small class="u-d-none@sm-lo">
+            <time datetime="$it.date.yyyy_mm_dd$" class="l-media__block u-d-none@sm-lo" itemprop="dateCreated">
+                <small>
                     $it.date.long$
                 </small>
             </time>
-- 
cgit v1.2.3-54-g00ecf