Unable to find a post about a CSS reset
The one time I didn't bookmark something
I have searched my browsers (both home & work) bookmarks and history—Nothing.
Evernote. My blog. My email. My code repo. Still nothing.
I read a post concerning a new CSS reset/baseline. I liked it's approach and cribbed some of it for this blog.
It contained adding the default system fonts to the body
tag.
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
/* Only supported on Chromium-based browsers and Safari */
font-family: system-ui;"
Also had adding word-wrap
, etc., to the p
element...
word-wrap: break-word;
overflow-wrap: break-word;
hyphens: auto;
max-width: 80ch;
...as well as adding color-scheme
to the root
:root {
color-scheme: light dark;
}
By the end of Saturday I had so many tabs open, but none of them were it.
It is not Zell Liew's CSS reset, Andy Bell's modern CSS reset, or Josh Comeau's custom CSS reset.
Elly Loel's modern CSS reset came close, but no cigar.
All the above have elements of it, and due to the collaborative nature of the web, build on each other, so I don't know if I'm mis-remembering and making a composite in my brain or what.
I do know the post was about creating something "mobile-first", light, and user-centric.
Until I find it (if ever) these are all good resources that I have now bookmarked, and posted here.