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 类中获得背景属性。这里出了什么问题？ Here is the codepen link

Answer 1

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

我也修正了 codepen 以使其工作。