В текущем проекте я хочу попробовать этот подход, отключив состояния наведения на сенсорных устройствах. Мы очень довольны мигающими эффектами по умолчанию, которые происходят на экране, и нам не нравится, когда :hover {...} стили применяются к касанию.
Теперь мне нужно преобразовать это:
.foobar:hover {
color: red;
}
в это:
@media (hover: hover) {
.foobar:hover {
color: red;
}
}
Есть ли какой-нибудь плагин Gulp или PostCSS, чтобы сделать это автоматически? Или хотя бы онлайн инструмент или что-то? Благодаря.