summaryrefslogtreecommitdiffstatshomepage
path: root/sass/style.sass (follow)
Commit message (Collapse)AuthorAgeLines
* sass: Decrease the size of the logo on small screensWolfgang Müller2021-06-27-0/+6
| | | | | This further increases the space available for text and makes the logo a lot less dominant.
* Revert "sass: Add some padding to <code>"Wolfgang Müller2021-06-25-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>.
* sass: Have pre overflowWolfgang Müller2021-06-24-0/+1
| | | | | These elements overflow on smaller screens, so make sure that they're getting scrollbars.
* sass: Apply margin to tags in the banner onlyWolfgang Müller2021-06-16-2/+3
|
* Use CSS to hide titles on single post pagesWolfgang Müller2021-06-16-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.
* Use "title" class for the header in the bannerWolfgang Müller2021-06-16-12/+12
| | | | This improves the readability and consistency of the CSS.
* sass: Provide better rendering for narrow displaysWolfgang Müller2021-06-16-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.
* Remove special handling for draft postsWolfgang Müller2021-06-16-4/+0
| | | | This feature was only used once for testing.
* Use CSS to add spacersWolfgang Müller2021-06-16-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.
* sass: Specify font family for <code>Wolfgang Müller2021-06-13-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.
* sass: Add some padding to <code>Wolfgang Müller2021-06-13-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.
* sass: Use lighter color for --fg-href in dark modeWolfgang Müller2021-06-13-1/+1
|
* templates: Set mute class on banner's <h2>Wolfgang Müller2021-06-12-1/+0
| | | | This way we do not have to specify the color in its selector.
* Put post titles in the bannerWolfgang Müller2021-06-12-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.
* Initial commitWolfgang Müller2021-06-12-0/+172