satisfying posts list

This commit is contained in:
Pagwin 2024-11-02 21:46:26 -04:00
parent adce9bbaca
commit b4ae47cefe
No known key found for this signature in database
GPG key ID: 81137023740CA260
2 changed files with 20 additions and 1 deletions

6
TODO
View file

@ -1,6 +1,8 @@
get RSS feed up and running
Figure out why the header width is fucked on mobile as well as why the box is all the way to the left
emphasis category viewer is in via different header color
specify ul styling to be specific to posts list
Fix articles with inline html in them and/or links
@ -25,3 +27,5 @@ Webmention linked sites where possible https://www.w3.org/TR/webmention/#sending
~~position code blocks in a way I like~~
~~handle dark/light theming correctly (https://www.joshwcomeau.com/react/dark-mode/) seems useful for that~~
~~Figure out why the header width is fucked on mobile as well as why the box is all the way to the left~~

View file

@ -96,6 +96,21 @@ p {
/*https://pearsonified.com/golden-ratio-typography-intro/ is where this came from and tbh having a bigger line height does make things more readable although I tune it down a bit*/
line-height: 1.5;
}
/*TODO specify for posts list*/
#content > ul {
padding: 0;
list-style: none;
}
#content > ul > li {
display: flex;
align-items: center;
white-space: nowrap;
}
#content > ul > li > a {
padding: 1rem;
}
}
/* we really want to make sure this doesn't stick around when colors load in regardless of when/how colors get loaded in*/
@layer pre-load{