Scss box-shadow 已弃用并将被删除 - 如何解决

Question

我正在尝试在我的 style.scss 文件中使用以下包含：

@include box-shadow(red 2px 2px 10px);

但是我得到一个错误：

警告：box-shadow 已弃用，将在下一个版本中删除 主要版本发布

我试过用谷歌搜索这个，但我不确定我用的是什么，我可以手动制作或使用另一个 mixin 吗？我在他们的文档中查看了 Bourbon 网站，但我发现的只是：

弃用警告：box-shadow mixin 已被弃用。使用 官方规范。

Answer 1

Here是波旁的讨论

应该根据浏览器中属性的当前实现不推荐使用 Box-shadow mixin。

所以你应该使用：

box-shadow: red 2px 2px 10px;

代替：

@include box-shadow(red 2px 2px 10px);