Sass - en utilisant des variables dans les règles à valeurs multiples

Question

les variables Sass peuvent être utilisées comme ceci:

!blue = #3bbfce 

.content_navigation 
    border-color = !blue 
    color = !blue - #111 

Cela fonctionne très bien sur les variables « valeur unique ». Je ne suis pas en mesure de les utiliser sur les règles css « multi-valeur », comme arrière-plan:

!blue = #3bbfce 

//this doesn't work 
.content_navigation 
    background =!blue url(/path/to/image) 0 0 no-repeat 

Comment puis-je faire?

Answer 1

Le droit SINTAX devrait être quelque chose comme ceci:

!blue = #3bbfce 

.content_navigation 
    background= !blue "url(/path/to/image) 0 0 no-repeat" 

Profitez SASS!

Answer 2

La réponse acceptée est une ancienne syntaxe obsolète. Jetez un oeil à la nouvelle syntaxe Sass 3:

http://nex-3.com/posts/94-haml-sass-3-beta-released

Ce serait la façon Sass 3, en utilisant la syntaxe échancré:

$blue: #3bbfce 

.content_navigation 
    background: $blue url(/path/to/image) 0 0 no-repeat