Stylus iterate string

Question

Я хотел поместить все мои медиа-запросы в объект, а затем перейду через них. Он работает хорошо, но стилус заставляет мой вывод между скобками. Мой вопрос: есть ли способ удалить скобки и кавычки?

Мой код:

$maxBreakpoints = { 
    "0": 'and (min-width: 1701px) and (max-width: 1920px)', 
    "1": 'and (min-width: 1440px) and (max-width: 1700px)', 
    "2": 'and (min-width: 1280px) and (max-width: 1439px)', 
    "3": 'and (min-width: 1024px) and (max-width: 1023px)' 
} 

$_resolution = { 
    "0": 1920, 
    "1": 1440, 
    "2": 1280, 
    "3": 1024 
} 

for $i, $resolution in $maxBreakpoints 

    @media all $resolution 

И выход этого кода:

@media all ('and (min-width: 1440px) and (max-width: 1700px)') 

Answer 1

Вы должны переместить all в строку:

$maxBreakpoints = { 
    "0": 'all and (min-width: 1701px) and (max-width: 1920px)', 
    "1": 'all and (min-width: 1440px) and (max-width: 1700px)', 
    "2": 'all and (min-width: 1280px) and (max-width: 1439px)', 
    "3": 'all and (min-width: 1024px) and (max-width: 1023px)' 
} 

$_resolution = { 
    "0": 1920, 
    "1": 1440, 
    "2": 1280, 
    "3": 1024 
} 

for $i, $resolution in $maxBreakpoints 

    @media $resolution