@kjhank/resetizr
v0.3.0
Published
An opinionated modern CSS reset/normalizer
Readme
resetizr
An opinionated CSS reset/normalizer hybrid
Notes
Why no box-sizing: border-box?
tl;dr: setting fixed sizes is cringe.
While border-box is definitely a more intuitive way of box-sizing, and has been part of many resets/normalizers for years, it does come with its own set of issues. More in this article by Miriam Suzane: Don’t Inherit the Box Model
| Oddbird.
With the wide availability of Grid & Flexbox, it's time to unlearn setting fixed sizes on elements. That, in turn, makes most cases for border-box redundant.
Why !important?
tl;dr: accessibility
Since transitions/animations are opt-out, this forces the browser to respect the browser/OS reduced motion settings.
Why include both :heading and h1, h2...?
tl;dr: progressive enhancement
The number of browser engines supporting the :heading pseudo-class is, well, zero. Once it's baseline widely available, I can get rid of listing the heading levels separately.
