thatonelutenist/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Just border-box everything lol

Browse source
This commit is contained in:
Nathan McCarty 2025-02-11 17:59:33 -05:00
parent 6fd61d7524
commit 45dcb3d177
3 changed files with 4 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
resources/admonitions.css
View file

@ -7,7 +7,6 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 75%; width: 75%;
box-sizing: border-box;
background-color: var(--bg-1); background-color: var(--bg-1);
color: var(--fg-1); color: var(--fg-1);
padding: 0.5rem; padding: 0.5rem;

2
resources/code.css
View file

@ -19,7 +19,6 @@ pre > code {
} }
pre { pre {
width: 90%; width: 90%;
box-sizing: border-box;
} }
/* Styling for unit tests */ /* Styling for unit tests */
@ -30,7 +29,6 @@ pre {
align-items: center; align-items: center;
padding: 1rem; padding: 1rem;
border-radius: 0.55rem / 0.5rem; border-radius: 0.55rem / 0.5rem;
box-sizing: border-box;
} }
.unit-test > span { .unit-test > span {
display: flex; display: flex;

14
resources/main.css
View file

@ -11,6 +11,10 @@
--box-gap: 0.5rem; --box-gap: 0.5rem;
--box-radius: 1rem; --box-radius: 1rem;
} }
/* border box everything */
* {
box-sizing: border-box;
}
/* slightly larger than content-width to account for padding/margins */ /* slightly larger than content-width to account for padding/margins */
@media screen and (max-width: 62rem) { @media screen and (max-width: 62rem) {
@ -43,11 +47,9 @@ body, .post, .series {
flex-direction: column; flex-direction: column;
align-tems: left; align-tems: left;
width: 100%; width: 100%;
box-sizing: border-box;
} }
.footnotes > hr { .footnotes > hr {
width: 95%; width: 95%;
box-sizing: border-box;
} }
/* Style the site header */ /* Style the site header */
@ -59,7 +61,6 @@ body, .post, .series {
max-width: var(--header-width); max-width: var(--header-width);
padding: var(--box-padding-vert) var(--box-padding-horz); padding: var(--box-padding-vert) var(--box-padding-horz);
border-radius: var(--box-radius); border-radius: var(--box-radius);
box-sizing: border-box;
} }
.site-logo { .site-logo {
font-size: 2.5rem; font-size: 2.5rem;
@ -97,7 +98,6 @@ body, .post, .series {
max-width: var(--content-width); max-width: var(--content-width);
padding: var(--box-padding-vert) var(--box-padding-horz); padding: var(--box-padding-vert) var(--box-padding-horz);
border-radius: var(--box-radius); border-radius: var(--box-radius);
box-sizing: border-box;
} }
.post-body p { .post-body p {
margin: auto var(--box-margin-horz); margin: auto var(--box-margin-horz);
@ -129,7 +129,6 @@ body, .post, .series {
max-width: var(--content-width); max-width: var(--content-width);
padding: var(--box-padding-vert) var(--box-padding-horz); padding: var(--box-padding-vert) var(--box-padding-horz);
border-radius: var(--box-radius); border-radius: var(--box-radius);
box-sizing: border-box;
} }
.post-blurb, .series-list-blurb { .post-blurb, .series-list-blurb {
width: 100%; width: 100%;
@ -140,7 +139,6 @@ body, .post, .series {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
box-sizing: border-box;
} }
.post-info > *, .series-info > * { .post-info > *, .series-info > * {
padding: 0.25em; padding: 0.25em;
@ -164,7 +162,6 @@ blockquote {
/* min-width: var(--blurb-width); */ /* min-width: var(--blurb-width); */
padding: var(--box-padding-vert) var(--box-padding-horz); padding: var(--box-padding-vert) var(--box-padding-horz);
border-radius: var(--box-radius); border-radius: var(--box-radius);
box-sizing: border-box;
} }
.tag-blurb { .tag-blurb {
width: 100%; width: 100%;
@ -173,7 +170,6 @@ blockquote {
align-items: center; align-items: center;
gap: var(--box-gap); gap: var(--box-gap);
border-radius: var(--box-radius); border-radius: var(--box-radius);
box-sizing: border-box;
} }
.tag-blurb-links { .tag-blurb-links {
display: block; display: block;
@ -183,7 +179,6 @@ blockquote {
flex-flow: row wrap; flex-flow: row wrap;
gap: var(--box-gap); gap: var(--box-gap);
align-items: stretch; align-items: stretch;
box-sizing: border-box;
gap: var(--box-gap); gap: var(--box-gap);
padding: var(--box-padding-vert) var(--box-padding-horz); padding: var(--box-padding-vert) var(--box-padding-horz);
} }
@ -194,7 +189,6 @@ blockquote {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
gap: var(--box-gap); gap: var(--box-gap);
box-sizing: border-box;
flex-shrink: 1; flex-shrink: 1;
flex-grow: 1; flex-grow: 1;
border-radius: var(--box-radius); border-radius: var(--box-radius);