薩斯 - 多值規則中使用的變量

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