Есть ли способ скомпилировать SCSS с медиа-запросами и несколькими точками останова в CSS без медиа-запросов, которые будут содержать стили только для определенного размера экрана, который я передаю компилятору SCSS?
пример файла SCSS:
body {background:red}
@medai query only screen and (max-width: 767px){
a {
margin: 10px
}
}
@medai query only screen and (max-width: 1280px){
a {
color: orange;
}
}
Я хочу скомпилировать вышеуказанный SCSS с медиа-запросами и получить файл CSS БЕЗ медиа-запросов со всеми соответствующими стилями, которые браузер применил бы, если, скажем, ширина окна браузера была 1600 пикселей или 320 пикселей;
ожидаемый CSS для 1600 пикселей;
body {background:red}
a {margin: 10px}
a {color: orange;}
ожидаемый CSS для 320 пикселей;
body {background:red}
a {margin: 10px}
Он мне нужен для компиляции css для IE7, который не поддерживает медиа-запросы.