From e0754f59b787adbf2f531ec405042e69a5ad9b3e Mon Sep 17 00:00:00 2001 From: Ella Dunbar Date: Mon, 27 Oct 2025 16:56:56 -0500 Subject: [PATCH] Add modern CSS reset --- style.css | 64 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 64 insertions(+) diff --git a/style.css b/style.css index b3e11fc..f1eb37b 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,67 @@ +/* https://www.joshwcomeau.com/css/custom-css-reset/ */ +*, +*::before, +*::after { + box-sizing: border-box; +} + +/* * { */ +/* margin: 0; */ +/* } */ + +@media (prefers-reduced-motion: no-preference) { + html { + interpolate-size: allow-keywords; + } +} + +body { + line-height: 1.5; + -webkit-font-smoothing: antialiased; +} + +img, +picture, +video, +canvas, +svg { + display: block; + max-width: 100%; +} + +input, +button, +textarea, +select { + font: inherit; +} + +p, +h1, +h2, +h3, +h4, +h5, +h6 { + overflow-wrap: break-word; + hyphens: auto; +} + +p { + text-wrap: pretty; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + text-wrap: balance; +} + + +/* our stuff */ :root { /* auto light/dark based on user choice */ color-scheme: light dark;