使用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輸出打印？

來源

2012-09-29 lolmaus - Andrey Mikhaylov

確定，該溶液是用interpolation：

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

來源

2012-09-29 09:37:38

使用SASS變量作爲CSS內容屬性的值

回答

相關問題