Стилус итерирует строку

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