css - Mixins scss 不起作用

Question

我正在尝试在 scss 中创建一个 mixin，这将帮助我处理 svg 作为背景，并为旧浏览器回退到 png。

问题是它不起作用。我只有一个这样的css文件

@mixin background-svg-support($png, $svg) {
  background: transparent url($png) center center no-repeat;
  background-image: -webkit-linear-gradient(transparent, transparent), url($svg);
  background-image: linear-gradient(transparent, transparent), url($svg);
}
.bg {
  height: 800px;
  width: 800px;
  @inlude background-svg-support('http://bit.ly/14U3Qui', 'http://bit.ly/99Xewi');
}

但无论如何，我无法在我的.bg班级中拥有背景属性。这里有什么问题？这是codepen链接

Answer 1

好吧，没关系，我写@inlude的是@include. 它现在按预期工作。

我也更正了 codepen 以使其正常工作。