Как сначала поддержать IE8 с помощью breakpoint-sass и mobile
Я использую breakpoint-sass
gem для обработки медиа-запросов для мобильных адаптивных таблиц стилей.
Мне нужно создать отдельный файл CSS для IE8 (который не поддерживает медиа-запросы), в результате чего я хочу иметь все стили, опуская строки, начинающиеся с @media ... {
а другой с закрывающей скобкой (потому что IE игнорирует все, что есть в медиа-запросе).
Я использую следующую настройку:
$breakpoint-no-queries: true;
$breakpoint-no-query-fallbacks: true;
Проблема в том, что чтобы это работало, мне нужно каждый раз проходить true
в breakpoint()
Mixin. Есть ли лучший способ достичь моей цели? Или, возможно, есть ли способ избежать этого повторения и сделать $no-query: true
быть постоянным?
1 ответ
Взгляните на страницу No Query Fallbacks, в частности No Query Fallbacks | Отдельный раздел " Резервный файл ", вы можете увидеть, что если вы установили точки останова с помощью переменных, вы можете добавить 'no-query' true'
к определениям точек останова, и тогда вам не нужно передавать их в миксин точек останова.
Невозможно сказать Breakpoint, что вы хотели бы, чтобы все ваши медиазапросы выводились в резервный код, поскольку мы не считаем это хорошей практикой; если ваш компонент имеет три из четырех точек останова, и будет применяться только последняя, то должен обслуживаться только код этого человека. Если вы хотите убедить нас в обратном, отправьте сообщение о проблеме для новой функции, и мы сможем обсудить ее в очереди.