Использование переменной 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" печатается.

Что я делаю неправильно? Как я вижу рассчитанную Сьюзи ширину сетки? Кроме того, это может быть напечатано в compass watch выход?

Answer 1

Хорошо, решение использует интерполяцию:

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