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

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

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