modern-normalize

modern-normalize copied to clipboard

Only show dotted underline on abbr[title] if @media (supports: hover) media query

5

Currently we have this: ```css abbr[title] { text-decoration: underline dotted; } ``` This means that `abbr` tags have dotted underline even on iPhone and iPad where its impossible to see...

coliff

refer https://developer.mozilla.org/en-US/docs/Web/CSS/font-family#browser_compatibility

tianheg

Consider a version without forcing box-sizing

10

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...

rjgotten

Use of `all`, `:where()`, and `:not()` could make a better reset

6

See: https://github.com/elad2412/the-new-css-reset

brianjenkins94

Set `border-style` for `<hr>` elements

3

By default, a `` element is styled with `border-style: inset;` which makes it turn out like this:  By adding `border-style: solid;` we can...

Richienb

Outdated `:-moz-focusring` makes form elements less accessible

4

The package applies an outdated inaccessible focus ring to form elements in firefox: ```css /** Restore the focus styles unset by the previous rule. */ :-moz-focusring { outline: 1px dotted...

LeoniePhiline

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...

franktopel

Accessibility fix: Allow iOS browsers to auto-scale fonts based on user preference

1

Please add font:-apple-system-body to the HTML element CSS to allow iOS devices to auto-scale font sizes based on user preference set in Accessibility > Display & Text size.

chrislachance

FireFox (latest version as of posting) has a slightly lower opacity for input placeholders. See my screenshot below. You fix this with: `input::placeholder { opacity: 1; }` I suggest adding...

heyaco

[WIP] Add separate base style with good defaults

4

While `modern-normalize.css` is great for ensuring consistency, the default browser styles are not that nice. The goal of `modern-base.css` is to be a better base style that you use in...

sindresorhus