Stylus не анализирует все переменные одинаково

Question

Я пытаюсь разобрать список в Stylus (последняя версия), но он имеет нечетные результаты.

$small = 200px 
$medium = 400px 
$large = 600px 

$list = small $small, 
     medium $medium, 
     large $large 

for ham in $list 
    @media screen and (min-width: ham[1]) 
    .{ham[0]} 
     width ham[1] 

дает

@media screen and (min-width: ham[1]) { 
    .small { 
    width: 200px; 
    } 
} 
@media screen and (min-width: ham[1]) { 
    .medium { 
    width: 400px; 
    } 
} 
@media screen and (min-width: ham[1]) { 
    .large { 
    width: 600px; 
    } 
} 

ham[1] Переменная не получает разобранную в запросе медиа независимо от того, является ли я обернуть его в {} или нет, но он разбирается в другом месте просто отлично. Что мне здесь не хватает?

Answer 1

В настоящее время медиа-запросы не допускают интерполяции. Однако вы можете использовать одну переменную. Просто построить запрос заранее на данный момент:

$small = 200px 
$medium = 400px 
$large = 600px 

$list = small $small, 
     medium $medium, 
     large $large 

for ham in $list 
    query = 'screen and (min-width: %s)' % ham[1] 
    @media query 
    .{ham[0]} 
     width ham[1] 

UPDATE: стилусом 0,44 (или 0,45), теперь они делают!