From 41afb87e4237a7602eb127cf6676f84e6afb1990 Mon Sep 17 00:00:00 2001
From: Wolfgang Müller
Date: Wed, 16 Jun 2021 16:21:50 +0200
Subject: sass: Provide better rendering for narrow displays

Users with narrow displays currently have to deal with post banners that
do not collapse nicely. This commit adds some padding to the tag list
and hides the post time on smaller resolutions.
---
 sass/style.sass | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

(limited to 'sass')

diff --git a/sass/style.sass b/sass/style.sass
index f5115cb..e5eedb0 100644
--- a/sass/style.sass
+++ b/sass/style.sass
@@ -151,6 +151,12 @@ div.banner h2
   &::before
     @include spacer
 
+div.banner > div.info
+  display: inline-flex
+
+  > a:first-of-type
+    padding-right: .2rem
+
 article > header
   margin: 0
 
@@ -186,6 +192,16 @@ nav.tags
   ul > li:not(:first-of-type)
     padding-left: .4rem
 
+  margin-left: 1rem
+
 nav.links
   &::before, & > ul > li:not(:first-child)::before
     @include spacer
+
+@media (max-width: 480px)
+  article:not(.single)
+    div.info > time
+      display: none
+
+    div.info > h2::before
+      display: none
-- 
cgit v1.2.3-2-gb3c3