Pagwin/new_blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

box sizing is now border to fix minor hiccups

Browse source
This commit is contained in:
Pagwin 2024-10-28 15:14:31 -04:00
parent ce7860ebc6
commit 125765280c
No known key found for this signature in database
GPG key ID: 81137023740CA260
2 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
TODO
View file

@ -1,7 +1,7 @@
handle dark/light theming correctly (https://www.joshwcomeau.com/react/dark-mode/) seems useful for that
get RSS feed up and running get RSS feed up and running
Fix articles with inline html in them and/or links
ico? ico?
analytics analytics
@ -18,4 +18,4 @@ analytics
~~position code blocks in a way I like~~ ~~position code blocks in a way I like~~
Fix HackBU article ~~handle dark/light theming correctly (https://www.joshwcomeau.com/react/dark-mode/) seems useful for that~~

6
static/css/layout.css
View file

@ -15,6 +15,7 @@ a:hover {
} }
#header { #header {
box-sizing: border-box;
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
gap: 0.5em; gap: 0.5em;
@ -25,6 +26,7 @@ a:hover {
} }
#content { #content {
box-sizing: border-box;
display: block flex; display: block flex;
margin: 1em; margin: 1em;
padding: 1em; padding: 1em;
@ -61,12 +63,13 @@ blockquote {
} }
pre { pre {
box-sizing: border-box;
min-height: 2em; min-height: 2em;
/* /*
* Not sure why this isn't the same as the #content width. * Not sure why this isn't the same as the #content width.
* Is the font size different for some reason? * Is the font size different for some reason?
* */ * */
max-width: 82em; max-width: 75em;
width: fit-content; width: fit-content;
overflow:scroll; overflow:scroll;
/*background: #444;*/ /*background: #444;*/
@ -76,6 +79,7 @@ pre {
} }
hr { hr {
box-sizing: border-box;
width: 100%; width: 100%;
} }