2013-12-20 43 views
0

我試圖解析手寫筆(最新版本)中的列表,但它有奇怪的結果。手寫筆不以同樣的方式解析所有變量

$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]變量沒有在媒體查詢得到解析,無論我是否敷在{}與否,但它的解析其他地方就好了。我在這裏錯過了什麼?

回答

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),他們現在做的!