Laravel 混合跳过一条 scss 行

Question

我正在 Laravel 5.4 中开发一个 Laravel 项目。 我为 css 使用 Laravel mix 包，混合 scss 文件。今天我在我的个人 scss 文件中添加了这些行

span.dots-on-overflow {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

但混合后我得到的结果只有

span.dots-on-overflow {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
}

我不明白 -webkit-box-orient: vertical; 行丢失或跳过的原因。

css 没有错误，因为我是从 html 中的 style 属性粘贴的。

如果您能提供帮助，请提前致谢！

Answer 1

Can I Use? 和 MDN 表示此参数已弃用并声明“请勿在面向 Web 的生产站点上使用它”。

我怀疑它被 SCSS 编译器视为无效指令并被删除，尤其是当您使用 the polyfill plugin 之类的东西进行后处理时。