在 Sass 中使用冒号语法和变量
我仍在使用旧的冒号语法（我更喜欢它而不是 括号语法）和此特定代码：
a.button-link
+box($main-color)
+border-radius(5px)
:background
:color $main-color
:color #fff
:padding 5px
生成如下警告：
DEPRECATION WARNING： 第 12 行，'/Users/eumir/rails_apps/dxconnect/app/ 的第 3 个字符 样式表/partials/utilities/_link-styles.sass' 使用 = 设置属性已被弃用，并将在 3.2 版。 使用“背景：$main-color”代替。
我尝试过，但我的背景颜色仍然不显示。任何帮助 请问这个？谢谢！
I am still using the old colon syntax (I prefer it more than the
bracket syntax) and this particular code:
a.button-link
+box($main-color)
+border-radius(5px)
:background
:color $main-color
:color #fff
:padding 5px
generates a warning like so:
DEPRECATION WARNING:
On line 12, character 3 of '/Users/eumir/rails_apps/dxconnect/app/
stylesheets/partials/utilities/_link-styles.sass'
Setting properties with = has been deprecated and will be removed in
version 3.2.
Use "background: $main-color" instead.
I tried that but my background color still doesn't show up. Any help
on this please? Thanks!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
尝试：
或
Try:
or
即使您更喜欢 SASS 语法而不是 SCSS（我也喜欢！），您也应该使用转换器更新文件：
请参阅
sass-convert --help了解所有选项。Even if you prefer the SASS syntax instead of SCSS (I do too!), you should update your files using the converter:
See
sass-convert --helpfor all the options options.这是我从 Haml 小组得到的有效答案。显然我将变量声明为 $main-color: "#f00" 而不是 $main-color: #f00
"Your $main-color 变量不应该有引号。在 Sass 3 中，所有变量
mixin 参数应该与您希望它们出现在 CSS 中的一样，
没有任何额外的引号。 ”
Here's a working answer I got from the Haml groups. Apparently I declared my variable as $main-color: "#f00" instead of just $main-color: #f00
"Your $main-color variable shouldn't have quotes. In Sass 3, all variables
and mixin arguments should be just as you want them to appear in the CSS,
without any extra quotes. "