Last 12 weeks Β· 1 commit
4 of 6 standards met
Hello, It appears that both Chrome and Safari now use as the default border colour for tables in line with the specs: https://developer.chrome.com/release-notes/149#remove_explicit_border_color_ua_stylesheet_rule_for_tables https://developer.apple.com/documentation/safari-release-notes/safari-18_4-release-notes#Resolved-Issues (second "Resolved issue" section) As a result, the reset for on tables could be removed once Chrome 149+ adoption becomes more widespread. Safari 18+ already appears to have significant usage. Here is a test page: https://play.tailwindcss.com/SghL1ku13p Cheers
One of the issues that normalize.css never addressed very well is the discrepancy in the styling of some form elements in different browsers. It would be awesome if modern-normalize could address at least the discrepancies in the `` elements that still exist. As an example, right now after applying modern-normalize, this is what buttons look like on Safari: ...and this is what they look like on Firefox:
Counter to the common trend, it is _not_ always 'awesome' or 'FTW'. It wreaks havoc with expectations stemming from normal browser defaults, which makes it harder to integrate into existing properties and makes it harder to integrate anything created by third parties that are not operating off of the same opinionated principle. It's also a total pain in the ass to selectively undo with override rules, as it's reapplied on every element. At the very least you could use I'd think, which makes it at least _somewhat_ easier to selectively cut this awesomely annoying behavior out?
see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/. Even Paul Irish, original author of the fix currently part of modern-normalize, has agreed on this and edited his origjnal post back from 2021: https://www.paulirish.com/2012/box-sizing-border-box-ftw/ This will also fix https://github.com/sindresorhus/modern-normalize/issues/48.
Given the continued (sometimes heated) discussion about why modern-normalize's rule does not match the one Paul Irish recommended in 2014, I recommend we add a comment to the stylesheet explaining the reasoning. I think the reason this discussion keeps happening is simply a numbers issues. The number of people who have read Paul Irish's box-sizing post or Chris Coyier's box-sizing post is much larger than the number of people who have read the GitHub issue where this decision was made. As for what should go in the CSS comment, I think the best description of why box-sizing should not be inherited is the Donβt Inherit the Box Model blog post so that's the link I've added in the comment. Fixes #48 Closes #56
Repository: sindresorhus/modern-normalize. Description: π Normalize browsers' default style Stars: 7354, Forks: 397. Primary language: TypeScript. License: MIT. Topics: css, css-library, css-reset, normalize, normalize-css, npm-package. Open PRs: 2, open issues: 26. Last activity: 1w ago. Community health: 85%. Top contributors: sindresorhus, atjn, kripod, teddybradford, nuxodin, jakejarvis, jamiebuilds, JohnAlbin, spacedawwwg, xPaw and others.