萨斯 - 多值规则中使用的变量

Question

萨斯变量可以像这样使用：

!blue = #3bbfce 

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

这工作得非常好于“单值”的变量。我无法在“多值”css规则中使用它们，例如背景：

!blue = #3bbfce 

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

我该如何做？

Answer 1

正确sintax应该是这样的：

!blue = #3bbfce 

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

享受SASS！

Answer 2

接受的答案是旧的，不赞成使用的语法。看看新的Sass 3语法：

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

这将是无礼3方式，使用缩进语法：

$blue: #3bbfce 

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