Hover Media Quesries
Style if mobile
Style if desktop
Style if stylus
Style if controller
Combine together
// laptop/desktop styles
@media (hover: hover) {}
// smartphones/touchscreens
@media (hover: none) and (pointer: coarse) {}
// device with stylus
@media (hover: none) and (pointer: fine) {}
// Wii/Kinect/etc
@media (hover: hover) and (pointer: coarse) {}
// mouse/touchpad
@media (hover: hover) and (pointer: fine) {}