diff options
| author | Wolfgang Müller | 2021-06-16 16:21:50 +0200 |
|---|---|---|
| committer | Wolfgang Müller | 2021-06-16 17:04:24 +0200 |
| commit | 41afb87e4237a7602eb127cf6676f84e6afb1990 (patch) | |
| tree | 6b708e6ccffdeace0023695e75c4d24b867adf17 /sass | |
| parent | f28cb705310ff890c34ff45217b7870bcab5a66a (diff) | |
| download | zunzuncito-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.sass | 16 |
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 |