CSS `Content`プロパティの値としてSASS変数を使用する

Question

こんにちは！

これは私の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に印刷されていない3.（

私は依然として何もしていないcontent: columns-width($total-columns)を試みました。content: "foo"を実行すると、 "foo"が印刷されます。

私は何をしていますか？SUSY計算されたグリッド幅をどのように見ますか？また、compass watch出力に印刷できますか？

Answer 1

OK、ソリューションは補間：

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

.