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