À l'aide d'un SASS variable comme valeur pour CSS propriété `content`
-
11-12-2019 - |
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?
La solution
Ok, la solution est d'utiliser interpolation:
content: "#{columns-width($total-columns)}"
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow