Interesting approach! Usually, @media:hover is enough for most of my cases. While I use @media:pointer to make everything bigger on touch devices, not for applying hover-effect. But this area of interest is quite confusing for me. What if the user's using a touch devices with a mouse as the primary input? Then I found that this article is worth a read: css-tricks.com/interaction-media-f...
Interesting approach! Usually, @media:hover is enough for most of my cases. While I use @media:pointer to make everything bigger on touch devices, not for applying hover-effect. But this area of interest is quite confusing for me. What if the user's using a touch devices with a mouse as the primary input? Then I found that this article is worth a read: css-tricks.com/interaction-media-f...
This is very interesting as I got to know about hover media queries for first time.
And probably, hover media query would have been the better for the content of this article.
And I’m also baffled with similar questions. The article you shared is great read to think deeply in this direction.