summaryrefslogtreecommitdiffstatshomepage
diff options
context:
space:
mode:
authorWolfgang Müller2021-06-16 16:21:50 +0200
committerWolfgang Müller2021-06-16 17:04:24 +0200
commit41afb87e4237a7602eb127cf6676f84e6afb1990 (patch)
tree6b708e6ccffdeace0023695e75c4d24b867adf17
parentf28cb705310ff890c34ff45217b7870bcab5a66a (diff)
downloadzunzuncito-41afb87e4237a7602eb127cf6676f84e6afb1990.tar.gz
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.
Diffstat (limited to '')
-rw-r--r--sass/style.sass16
1 files changed, 16 insertions, 0 deletions
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