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

lots of ems for rems

Browse source
This commit is contained in:
Pagwin 2024-11-02 21:04:21 -04:00
parent 30c0ff81e2
commit 51b8f1a65a
No known key found for this signature in database
GPG key ID: 81137023740CA260
2 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
static/css/colors.css
View file

@ -80,7 +80,7 @@ a:visited {
} }
#content { #content {
border: 0.5em solid var(--content-border-color); border: 0.5rem solid var(--content-border-color);
} }
blockquote { blockquote {

14
static/css/layout.css
View file

@ -31,8 +31,8 @@ a:hover {
#content { #content {
box-sizing: border-box; box-sizing: border-box;
display: block flex; display: block flex;
margin: calc(24px + 3em) 1em 1em 1em; margin: calc(24px + 3rem) 1rem 1rem 1rem;
padding: 1em; padding: 1rem;
/* needed due to flex parent*/ /* needed due to flex parent*/
width: 100%; width: 100%;
/*https://ux.stackexchange.com/a/34125*/ /*https://ux.stackexchange.com/a/34125*/
@ -40,7 +40,7 @@ a:hover {
/*https://pearsonified.com/golden-ratio-typography-intro/*/ /*https://pearsonified.com/golden-ratio-typography-intro/*/
/*https://grtcalculator.com/*/ /*https://grtcalculator.com/*/
max-width: 55em; max-width: 55em;
border-radius: 0.5em; border-radius: 0.5rem;
/* needed due to being flex itself*/ /* needed due to being flex itself*/
flex-direction:column; flex-direction:column;
@ -52,7 +52,7 @@ a:hover {
blockquote { blockquote {
/*font-style: italic;*/ /*font-style: italic;*/
padding: 0.5em 1em; padding: 0.5em 1em;
border-radius: 0.5em; border-radius: 0.5rem;
p{ p{
/*margin is annoying in this case*/ /*margin is annoying in this case*/
margin: 0; margin: 0;
@ -77,9 +77,9 @@ pre {
width: fit-content; width: fit-content;
overflow:scroll; overflow:scroll;
/*background: #444;*/ /*background: #444;*/
border-radius: 0.5em; border-radius: 0.5rem;
/*border: 0.2em solid red;*/ /*border: 0.2em solid red;*/
padding: 0.5em; padding: 0.5rem;
} }
hr { hr {
@ -95,7 +95,7 @@ p {
/* we really want to make sure this doesn't stick around when colors load in regardless of when/how colors get loaded in*/ /* 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{ @layer pre-load{
#content { #content {
border: 0.5em solid white; border: 0.5rem solid white;
} }
} }
/* I mean why not? */ /* I mean why not? */