HN Explorer

8 comments

[ 3.5 ms ] story [ 32.8 ms ] thread
teniutza
Could you please tell me what the reason for the additional body { height: 100%; } in the resets is? At first glance, it doesn't seem necessary.
username444
An explanation of every style being applied would be useful. I can't tell what the purpose of this entire thing is.
vegemike
That could be a mistake if it's already in the `html, body` ruleset. In general, however, it's to ensure the `body` element takes up the entire height of the page, which is useful for client apps I've found.
fiddlerwoaroof
This is a bit tricky for a reset because it changes the meaning of percentage heights in child elements.
vegemike
I haven’t experienced that myself. Do you have an example or documentation for that?
Cenk
Did not know about this, how helpful!

    @media(prefers-reduced-motion: reduce) {
      *,
      *:before,
      *:after {
        transition: none !important;
        animation: none !important;
      }
    }
vegemike
It's a recent addition, and may only work on iOS/iPadOS/macOS, but it should help those users a lot!