✨ If you've got an interaction that's based on using a mouse, you can actually query that with CSS @media (pointer: fine) or (pointer: coarse) — for instance, I'm using it here to turn off a cursor following animation when there isn't a cursor to follow.
This is useful for an interaction that specifically needs a mouse — I can't just query small screen sizes, because an iPad might be larger than that, but still not benefit from this type of interaction.
Gist for this query in CSS and also JS for the homies: gist.github.com/xdesro/95fd330b71c10dca6afdf57cfb7590e0