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 / сообщений / 94-Haml-дерзость-3-бета-выхода

Это будет способ 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!