Я пытаюсь использовать синтаксис и функции медиазапроса уровня 4 и использую препроцессор LESS через расширение Asp. Net WebEssentials (2017).
I У меня есть несколько правил, которые вначале включены для мобильных устройств, но я бы хотел их отключить, если запрос соответствует.
@media (any-pointer: fine) and (not (any-pointer: coarse)) {
// rules
}
Я пытаюсь сказать: есть ли у устройства хотя бы один точный указатель, но нет грубых указателей? Другими словами, у него нет комбинации типов указателей .
Я устанавливаю цели касания по умолчанию (для устройств с сенсорным экраном), затем использую медиазапрос, чтобы отключить их, если это устройство только для указателя.
Однако у меня проблемы с препроцессором. Во-первых, я получаю сообщение об ошибке с синтаксисом уровня 4:
Bundler & Minifier Expected closing parenthesis, found '('.
Во-вторых, если я пытаюсь написать вложенные медиазапросы, которые, как мне кажется, должны работать, препроцессор связывает их вместе, что приводит к та же проблема.
На мой взгляд, у меня есть 3 варианта:
- Найти альтернативный способ написания медиазапроса
- Обновление до WebEssentials 2019 (но есть нет никаких гарантий, что это включает поддержку медиа-запроса уровня 4 для синтаксиса alt)
- Удалите медиа-запрос и примените цели касания ко всему.
Очевидно, я хотел бы найти решение от 1/2, так может кто-нибудь помочь?