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

Question

Sass 变量可以这样使用：

!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

接受的答案是旧的、已弃用的语法。查看新的 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！