使用SASS变量作为CSS`content`属性的值

Question

嗨！

这可能是由于我对SASS /指南针缺乏了解所致。

我正在尝试使用以下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"，“foo”会打印出来。

我做错了什么？我如何看待susy计算的网格宽度？此外，它是否可以在compass watch输出中打印？

Answer 1

好的，解决方案是使用interpolation：

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