Sass - 在多值规则中使用变量

Question

Sass变量可以像这样使用：

!blue = #3bbfce

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

这对“单值”变量非常有效。我无法在“多值”css规则中使用它们，例如background：

!blue = #3bbfce

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

我该怎么做？

Answer 1

接受的答案是陈旧的，已弃用的语法。看看新的Sass 3语法：

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

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

$blue: #3bbfce

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

Answer 2

正确的语法应该是这样的：

!blue = #3bbfce

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

享受SASS！