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

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 块没有打印任何内容。:(

我也试过 content: columns-width($total-columns) ， 依然没有。如果我这样做 content: "foo" , "foo"确实会被打印出来。

我究竟做错了什么？我如何查看 susy 计算的网格宽度？另外，是否可以打印在 compass watch输出？

Answer 1

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

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