CSS pointer @media queries
✅ style if mobile
— Adam Argyle (CSS Day Amsterdam) (@argyleink) April 21, 2020
✅ style if desktop
✅ style if stylus
✅ style if controller
✅ combine together 🎉
spec https://t.co/U4QWyw76kR
caniusehttps://t.co/ig9ONaQJAI pic.twitter.com/u0lA0UQreU
/* Laptop/desktop styles */
@media (hover: hover) {
}
/* smartphones/touchscreens */
@media (hover: none) and (pointer: coarse) {
}
/* device with stylus */
@media (hover: none) and (pointer: fine) {
}
/* Wii/Kinext/etc. */
@media (hover: hover) and (pointer: coarse) {
}
/* mouse/touchpad */
@media (hover: hover) and (pointer: fine) {
}