Usando uma variável SASS como valor para a propriedade CSS `content`

Question

Oi!

Isso pode ser causado pela minha falta de compreensão do SASS/Compass.

Estou tentando gerar a largura da grade com o seguinte código 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()

Nada é impresso no bloco 3.:(

Eu também tentei content: columns-width($total-columns), nada ainda.Se eu fizer content: "foo", "foo" é impresso.

O que estou fazendo de errado?Como posso ver a largura da grade calculada pelo susy?Além disso, pode ser impresso em compass watch saída?

Answer 1

Ok, a solução está usando interpolação:

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