Sass mixin 不导出/导入前缀答案

【问题标题】：Sass mixin not exporting/importing prefixesSass mixin 不导出/导入前缀
【发布时间】：2020-02-25 00:39:04
【问题描述】：

我想为背景渐变做一个简单的 sass mixin：

@mixin primary-gradient {
  background: -webkit-radial-gradient(bottom right, #41bfb8, #1e989f);
  background: -moz-radial-gradient(bottom right, #41bfb8, #1e989f);
  background: radial-gradient(to top left, #41bfb8, #1e989f);
  background: #41bfb8;
}

这个 mixin 是这样编译的：

background: -webkit-radial-gradient(bottom right, #41bfb8, #1e989f); 去哪儿了？我错过了什么吗？

【问题讨论】：

您可能有一些过程清理编译时不必要的前缀。你应该检查你的配置。

标签： css sass

【解决方案1】：

可能是您的配置删除了一些前缀属性，可能是 PostCSS。

试试我的 CodePen here 它的工作。

我已经反转了背景，所以它可以被渐变覆盖。

@mixin primary-gradient {
  background: #41bfb8;
  background: -webkit-radial-gradient(bottom right, #41bfb8, #1e989f);
  background: -moz-radial-gradient(bottom right, #41bfb8, #1e989f);
  background: radial-gradient(to top left, #41bfb8, #1e989f);
}

【讨论】：

我只是在使用 Live sass 编译器 vscode 插件，尝试了他们所有的配置，但仍然没有任何效果。