Как сначала поддержать 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, что вы хотели бы, чтобы все ваши медиазапросы выводились в резервный код, поскольку мы не считаем это хорошей практикой; если ваш компонент имеет три из четырех точек останова, и будет применяться только последняя, ​​то должен обслуживаться только код этого человека. Если вы хотите убедить нас в обратном, отправьте сообщение о проблеме для новой функции, и мы сможем обсудить ее в очереди.

Другие вопросы по тегам