Использование синтаксиса двоеточия и переменных в Sass - PullRequest
Новая
       26

Использование синтаксиса двоеточия и переменных в Sass

0 голосов
/ 17 июня 2010

Я все еще использую старый синтаксис двоеточия (я предпочитаю его больше, чем скобочный синтаксис) и этот конкретный код: 

a.button-link 
  +box($main-color) 
  +border-radius(5px) 
  :background 
    :color $main-color 
  :color #fff 
  :padding 5px

генерирует предупреждение примерно так:

УСТАРЕВАНИЕ ВНИМАНИЕ: В строке 12 символ 3 '/ Users / eumir / rails_apps / dxconnect / app / таблиц стилей / обертоны / утилиты / _link-styles.sass' Установка свойств с помощью = устарела и будет удалена в версия 3.2. Вместо этого используйте «background: $ main-color».

Я пытался это сделать, но мой цвет фона все еще не отображается. Любая помощь на это пожалуйста? Спасибо!

Ответы [ 3 ]

1 голос
/ 20 июня 2010

Даже если вы предпочитаете синтаксис SASS вместо SCSS (я тоже!), Вам следует обновить файлы с помощью конвертера: 

sass-convert --from=sass2 --to=sass --recursive views/stylesheets

См. sass-convert --help для всех опций параметров.

1 голос
/ 17 июня 2010

Попробуйте: 

a.button-link
  background: $main-color

или 

a.button-link
  background-color: $main-color
0 голосов
/ 18 июня 2010

Вот рабочий ответ, который я получил от групп Haml.Очевидно, я объявил мою переменную как $ main-color: "# f00" вместо просто $ main-color: # f00

"Ваша переменная $ main-color не должна иметь кавычек. В Sass 3 все переменныеАргументы mixin должны быть такими, какими вы хотите, чтобы они отображались в CSS, без лишних кавычек. "

...