À l'aide d'un SASS variable comme valeur pour CSS propriété `content`

Question

Salut!

Cela pourrait être causé par mon manque de compréhension de SASS/Compass.

J'essaie de sortie de la grille de largeur avec le suivant SASS code:

$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()

Rien n'est imprimé dans le bloc 3.:(

J'ai aussi essayé content: columns-width($total-columns), toujours rien.Si je ne content: "foo", "foo" est imprimé.

Ce que je fais mal?Comment puis-je voir susy-grille calculée largeur?Aussi, peut-il être imprimé en compass watch de sortie?

Answer 1

Ok, la solution est d'utiliser interpolation:

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