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;
flex-direction: column;
width: 75%;
box-sizing: border-box;
background-color: var(--bg-1);
color: var(--fg-1);
padding: 0.5rem;

2
resources/code.css
View file

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

14
resources/main.css
View file

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