Utilizzando una variabile Sass come valore per la proprietà del contenuto del CSS`

Question

. Ciao!

Questo potrebbe essere causato dalla mia mancanza di comprensione del sass / bussola.

Sto cercando di emettere la larghezza della griglia con il seguente codice 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()

.

Nulla è stampato nel blocco 3.: (

Ho anche provato content: columns-width($total-columns), ancora niente.Se faccio content: "foo", "Foo" viene stampato.

Cosa sto facendo male?Come faccio a vedere la larghezza della griglia calcolata da Susy?Inoltre, può essere stampato nell'output compass watch?

Answer 1

. Ok, la soluzione utilizza Interpolazione :

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

.