Я полагаю, что короткий ответ заключается в том, что для одного файла .styl вы получите один соответствующий файл .css.Однако есть способы достичь своей цели.Вы можете использовать мультимедийные запросы CSS3 и использовать одну и ту же таблицу стилей для создания альтернативных стилей в зависимости от размера экрана.Во-вторых, вы можете использовать оператор @import для достижения почти того, что вам нужно, выполнив что-то вроде этого
В shared.styl
//Put your default shared styles here
В screen.styl
@import "shared"
//Put your desktop web app overrides here
и mobile.styl
@import "shared"
//put your mobile optimized overrides here