From 45dcb3d177f99e2ab3ef984cf8e5146512efc007 Mon Sep 17 00:00:00 2001 From: Nathan McCarty Date: Tue, 11 Feb 2025 17:59:33 -0500 Subject: [PATCH] Just border-box everything lol --- resources/admonitions.css | 1 - resources/code.css | 2 -- resources/main.css | 14 ++++---------- 3 files changed, 4 insertions(+), 13 deletions(-) diff --git a/resources/admonitions.css b/resources/admonitions.css index 66dd385..36d008a 100644 --- a/resources/admonitions.css +++ b/resources/admonitions.css @@ -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; diff --git a/resources/code.css b/resources/code.css index 57cf553..6c428c1 100644 --- a/resources/code.css +++ b/resources/code.css @@ -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; diff --git a/resources/main.css b/resources/main.css index 0501fc1..0e04f2a 100644 --- a/resources/main.css +++ b/resources/main.css @@ -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);