2012-09-29 78 views
2

嗨!使用SASS变量作为CSS内容属性的值

这可能是由于我对SASS/Compass缺乏了解。

我试图输出网格宽度与下面的代码SASS:

$total-columns  : 4 
$column-width   : 4em     // each column is 4em wide 
$gutter-width   : $column-width/2 // 1em gutters between columns 
$grid-padding   : $gutter-width/2 // grid-padding equal to gutters 

#page 
    +container 
    +susy-grid-background 

    #block-block-3 
    div.content 
     p:first-of-type:after 
     content: columns-width() 

什么也没有打印成块3 :(

我也试过content: columns-width($total-columns),仍然一无所获,如果我做content: "foo"。 ,“富”也得到印刷。

我到底做错了什么?我如何才能看到超对称计算网格宽度?还有,能不能在compass watch输出打印?

回答

8

确定,该溶液是用interpolation

content: "#{columns-width($total-columns)}"