使用在萨斯

冒号语法和变量

我仍在使用旧的冒号语法（我喜欢它比括号语法更多），这个特殊的代码：使用在萨斯

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

产生类似的警告这样：

DEPRECATION警告：在线12上，'/ Users/eumir/rails_apps/dxconnect/app/ stylesheets/partials/utilities/_link-styles.sass'的字符3' 使用=来设置属性已被弃用，并将在版本3.2。改为使用“background：$ main-color”。

我试过了，但我的背景颜色仍然不显示。对此有任何帮助请好吗？谢谢！

来源

2010-06-17 corroded

这里有一个工作的答案我从Haml的群体了。显然我宣布我的变量为$ main-color：“＃f00”，而不是$ main-color：＃f00

“您的$ main-color变量不应该有引号，在Sass 3中，所有变量和mixin的参数应该与您希望它们出现在CSS中一样，不带任何额外的引号。“

来源

2010-06-18 07:28:52 corroded

尝试：

a.button-link 
    background: $main-color

或

a.button-link 
    background-color: $main-color

来源

2010-06-17 14:07:26

是的，我已经试过了。它不起作用（sass编译正确，但它不会产生没有前面冒号的那个 – corroded 2010-06-17 14:12:54

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

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

请参阅sass-convert --help的所有选项选项。

来源

2010-06-20 10:24:37

，但是更新它们意味着当我编辑它们时会看到scss文件？ – corroded 2010-06-21 06:59:36

不，你会得到SASS文件，如果你使用--to = sass选项。 – 2010-06-22 07:35:13

回答

相关问题