0

我仍在使用旧的冒号语法（我更喜欢它而不是括号语法）和这个特定的代码：

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

生成如下警告：

弃用警告：在第 12 行，'/Users/eumir/rails_apps/dxconnect/app/stylesheets/partials/utilities/_link-styles.sass' 的字符 3 已弃用 = 设置属性，并将在版本 3.2 中删除。请改用“背景：$ main-color”。

我试过了，但我的背景颜色仍然没有出现。请问有什么帮助吗？谢谢！

4

3 回答 3

1

尝试：

a.button-link
  background: $main-color

或者

a.button-link
  background-color: $main-color
于 2010-06-17T14:07:26.473 回答
1

即使您更喜欢 SASS 语法而不是 SCSS（我也喜欢！），您也应该使用转换器更新您的文件：

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

查看sass-convert --help所有选项选项。

于 2010-06-20T10:24:37.913 回答
0

这是我从 Haml 小组得到的有效答案。显然我将我的变量声明为 $main-color: "#f00" 而不仅仅是 $main-color: #f00

“你的 $main-color 变量不应该有引号。在 Sass 3 中，所有变量和 mixin 参数都应该是你希望它们出现在 CSS 中的样子，没有任何额外的引号。”

于 2010-06-18T07:28:52.750 回答