summaryrefslogtreecommitdiffstatshomepage
path: root/sass/style.sass (unfollow)
Commit message (Collapse)AuthorLines
2021-07-25Use h3 for "Mentioned posts"Wolfgang Müller-2/+2
An upcoming post will (finally) make use of the "mentions" feature. Whilst working on that post we noticed that the header indicating mentioned posts is a big too big and clashes even with the site title. h3 should be better suited for this purpose. Since the default margins are slightly different from h2, make sure to tweak the stylesheet too.
2021-06-27sass: Decrease the size of the logo on small screensWolfgang Müller-0/+6
This further increases the space available for text and makes the logo a lot less dominant.
2021-06-25Revert "sass: Add some padding to <code>"Wolfgang Müller-1/+0
This reverts commit f99133842b48dc7d99e577df37e34ea143f1eeaf. We have found this solution to introduce other (worse) problems because the padding is unconditional. For now do not apply any special style to <code>.
2021-06-24sass: Have pre overflowWolfgang Müller-0/+1
These elements overflow on smaller screens, so make sure that they're getting scrollbars.
2021-06-16sass: Apply margin to tags in the banner onlyWolfgang Müller-2/+3
2021-06-16Use CSS to hide titles on single post pagesWolfgang Müller-0/+3
This removes a branch from the template and also makes sure that screen readers and similar software still get access to the post title even if we want to hide it on the presentational layer.
2021-06-16Use "title" class for the header in the bannerWolfgang Müller-12/+12
This improves the readability and consistency of the CSS.
2021-06-16sass: Provide better rendering for narrow displaysWolfgang Müller-0/+16
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.
2021-06-16Remove special handling for draft postsWolfgang Müller-4/+0
This feature was only used once for testing.
2021-06-16Use CSS to add spacersWolfgang Müller-13/+28
Currently, we pad certain elements with manual interpunct spacers that are defined in the templates themselves. This is suboptimal for a number of reasons. Templates should be used for textual or semantic data, not presentation. Additionally, we have no good control over how whitespace characters will end up being rendered. Adding or deleting spacers is a nightmare. To fix this, use CSS to render spacers instead. To that end, introduce a couple of HTML elements in the top banner and keep supplementary links in a list inside a <nav> element. Add a spacer mixin that can be applied to any element that needs it.
2021-06-13sass: Specify font family for <code>Wolfgang Müller-2/+1
Currently, --font-mono is only applied to <pre> blocks, leaving <code> unstyled. Since <pre> blocks will end up containing <code>, set the font family on <code> instead.
2021-06-13sass: Add some padding to <code>Wolfgang Müller-0/+1
Due to the density of the fonts used, <code> blocks tend to be too close to the normal text. Add some padding to mitigate.
2021-06-13sass: Use lighter color for --fg-href in dark modeWolfgang Müller-1/+1
2021-06-12templates: Set mute class on banner's <h2>Wolfgang Müller-1/+0
This way we do not have to specify the color in its selector.
2021-06-12Put post titles in the bannerWolfgang Müller-0/+9
Post titles are currently only visible in the feed, or on the post page itself. Since people may remember posts by their titles rather than their number, display the titles on each post's banner as well for easier searching. This means we can now get rid of the extra item in the post page's description. A neat side effect is that we now have a header element for each <article>, making W3C a bit happier.