2013-12-20 31 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),他们现在做的!