Custom Media

@custom-media working behind a flag in Firefox Nightly! @custom-media --motionOK (prefers-reduced-motion: no-preference); @media (--motionOK) { transition: transform .3s ease; } Lovely syntax. Open Props has ~45 ready to go , peep the spec , or visit MDN for more info.