스타일러스가 모든 변수를 동일한 방식으로 분석하지 않습니다.

Question

스타일러스 (최신 버전)로 목록을 분석하려고하는데 이상한 결과가 있습니다.

$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] 

내가 {} 여부에 포장 여부에 관계없이의 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; 
    } 
} 

를 얻을 수 있지만, 다른 곳에서 잘 분석입니다. 내가 여기서 무엇을 놓치고 있니?

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)로 , 그들은 지금!